prehistoric-systems/mytinytodo
1
0
Fork 0
mirror of https://github.com/maxpozdeev/mytinytodo.git synced 2026-03-11 08:55:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

small ui fixes in settings (extensions lists line-height, back button padding for better touch)

Browse source
This commit is contained in:
maxpozdeev 2023-04-06 13:00:29 +03:00
parent 28c59c3c5b
commit 6e41e5865e
2 changed files with 27 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
src/content/theme/style.css
View file

@ -723,8 +723,9 @@ li.task-row.task-completed .task-note-block .task-note { text-decoration:line-th
a.mtt-back-button { font-size:1rem; }
h3.page-title a.mtt-back-button {
display:inline-block;
width:1.3rem; height:1.3rem;
margin-right:0.4rem;
width:1.3rem;
height:1.3rem;
padding-right:0.4rem;
position: relative;
top:4px;
mask: url(images/back.svg) no-repeat; -webkit-mask: url(images/back.svg) no-repeat;
@ -969,12 +970,20 @@ li.mtt-item-hidden { display:none; }
vertical-align:top;
display: flex;
}
.mtt-settings-table .th,
.mtt-settings-table .td {
.mtt-settings-table .th, .mtt-settings-table .td {
padding: 0 10px;
}
.mtt-settings-table .th { width:30%; font-weight: bold; }
.mtt-settings-table .td { flex-grow: 1; }
.mtt-settings-table .th {
width: 30%;
font-weight: bold;
}
.mtt-settings-table .td {
flex-grow: 1;
line-height: 1.5em;
}
.mtt-settings-table .td.extensions {
line-height: 1.7em;
}
.mtt-settings-table .descr {
display: block;
font-size:0.8rem;
@ -982,9 +991,6 @@ li.mtt-item-hidden { display:none; }
color:var(--color-text-reduced);
padding-top: 4px;
}
.mtt-settings-table .td {
line-height: 1.5em;
}
.mtt-settings-table .in350 { min-width:350px; }
.mtt-settings-table textarea.in350 { height:400px; }
.mtt-settings-table textarea.inmax { height:400px; width:100%; }
@ -1161,8 +1167,17 @@ li.mtt-item-hidden { display:none; }
padding:10px 15px;
margin-bottom: 5px;
}
.mtt-settings-table .th { width: auto; padding-left: 0px; }
.mtt-settings-table .td { padding-top: 4px; padding-left: 0px; }
.mtt-settings-table .th {
width: auto;
padding-left: 0px;
}
.mtt-settings-table .td {
padding-top: 4px;
padding-left: 0px;
}
.mtt-settings-table .td.extensions {
line-height: 2em;
}
.mtt-settings-table input , .mtt-settings-table select, .mtt-settings-table label { margin-top:5px; background-color: var(--color-settings-row); }
.form-bottom-buttons > * {

2
src/settings.php
View file

@ -362,7 +362,7 @@ header('Content-type:text/html; charset=utf-8');
?>
<div class="tr">
<div class="th"><?php _e('set_extensions');?>:</div>
<div class="td"> <?php listExtensions(); ?>
<div class="td extensions"> <?php listExtensions(); ?>
</div>
</div>
<?php