X-Git-Url: https://git.ktnx.net/?a=blobdiff_plain;f=public%2Fcss%2Fstyle.css;h=7ed1eef1778a010a3dae1aa876011e8a56397e61;hb=4fbeac38e712fc7f9c8f77f60eefe62a8a0af13c;hp=9ed2ed166ebf066e1b560782abe0ae6999511a62;hpb=236cfd6f94eba726539fbc0f4001ff8c8c8d56b3;p=lsl.git diff --git a/public/css/style.css b/public/css/style.css index 9ed2ed1..7ed1eef 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -63,6 +63,7 @@ background-color: white; border: 3px solid #aaa; border-top: none; padding: 1em; +box-sizing: border-box; } #sidebar { @@ -167,10 +168,14 @@ font-size: 10px; column-gap: 1ex; background: hsla(0, 0%, 90%, 0); transition: 0.5s; + line-height: 1.7em; } .list-item-row:hover { background: hsla(0, 0%, 90%, 1); } +.list-item-row input[type="checkbox"] { + width: 1.2em; +} .list-item-row .description { cursor: text; min-width: 2em; } .list-item-row .edit-trigger { cursor: pointer; @@ -253,7 +258,7 @@ ul#list-items { } .ui-widget-overlay { - opacity: 0.3; + opacity: 0.4; } .ui-dialog .ui-dialog-buttonpane { padding-left: 1.4em; @@ -276,3 +281,19 @@ ul#list-items { width: 100%; box-sizing: border-box; } +#item-multi-action { + display: block; + position: fixed; + top: -3em; + opacity: 0; + transition: .5s cubic-bezier(0.0, 0.0, 0.0, 1.0); + background: white; + box-shadow: 0 0 1em 1ex white; +} +#item-multi-action.in-view { + top: 4em; + opacity: 1; +} +#item-multi-action button { display: none; } +#item-multi-action.checking button#btn-check-all { display: block; } +#item-multi-action.clearing button#btn-clear-all { display: block; }