Optimize distances in sidebarmenu

This commit is contained in:
pikim 2022-12-21 21:25:50 +01:00
parent ba40915301
commit ffcc69af2a
3 changed files with 20 additions and 14 deletions

View file

@ -2036,11 +2036,12 @@ ul.icons li > * .label {
ul.posts { ul.posts {
list-style: none; list-style: none;
padding: 0; padding: 0;
margin-bottom: 0.25rem;
} }
ul.posts li { ul.posts li {
border-top: dotted 1px rgba(160, 160, 160, 0.3); border-top: dotted 1px rgba(160, 160, 160, 0.3);
margin: 1.5em 0 0 0; margin: 0.25em 0 0 0;
padding: 1.5em 0 0 0; padding: 0.25em 0 0 0;
} }
ul.posts li:first-child { ul.posts li:first-child {
border-top: 0; border-top: 0;
@ -2076,6 +2077,7 @@ ul.posts article header {
ul.posts article header h3 { ul.posts article header h3 {
font-size: 0.7em; font-size: 0.7em;
margin-top: 0.125em; margin-top: 0.125em;
margin-bottom: 0.25em;
} }
ul.posts article header .published { ul.posts article header .published {
display: block; display: block;
@ -2690,6 +2692,7 @@ table.alt tfoot {
.menulink { .menulink {
margin: 0; margin: 0;
padding: 0; padding: 0;
margin-top: -0.3rem;
} }
ul.menulink > li, ul.menulink > li,

View file

@ -9,11 +9,12 @@
ul.posts { ul.posts {
list-style: none; list-style: none;
padding: 0; padding: 0;
margin-bottom: 0.25rem;
li { li {
border-top: dotted 1px _palette(border); border-top: dotted 1px _palette(border);
margin: (_size(element-margin) * 0.75) 0 0 0; margin: (_size(element-margin) * 0.125) 0 0 0;
padding: (_size(element-margin) * 0.75) 0 0 0; padding: (_size(element-margin) * 0.125) 0 0 0;
&:first-child { &:first-child {
border-top: 0; border-top: 0;
@ -46,6 +47,7 @@
h3 { h3 {
font-size: 0.7em; font-size: 0.7em;
margin-top: 0.125em; margin-top: 0.125em;
margin-bottom: 0.25em;
} }
.published { .published {
@ -63,4 +65,4 @@
} }
} }
} }
} }

View file

@ -5,23 +5,24 @@
@media screen and (max-width: 980px) { @media screen and (max-width: 980px) {
#sidebarmenu { #sidebarmenu {
display: block; } display: block; }
} }
.menulink { .menulink {
margin: 0; margin: 0;
padding: 0; padding: 0;
margin-top: -0.3rem;
} }
ul.menulink > li, ul.menulink > li,
ul.menulink > li > ul ul.menulink > li > ul
{ {
list-style: none; list-style: none;
font-family: _font(family-heading); font-family: _font(family-heading);
padding: 0.1em 0 0 0; padding: 0.1em 0 0 0;
margin: 0em; margin: 0em;
line-height: 2.3em; line-height: 2.3em;
} }
ul.menulink > li a.tags { ul.menulink > li a.tags {
border: dotted 1px rgba(119, 118, 118, 0.65); border: dotted 1px rgba(119, 118, 118, 0.65);
padding: 0.2em; padding: 0.2em;
@ -74,8 +75,9 @@ ul.subitem_hide {
display:none; display:none;
} }
ul.subitem_hide > li > ul, ul.subitem_hide > li > ul,
ul.subitem_hide > li a span { ul.subitem_hide > li a span
{
-webkit-transition: color 0.2s ease; -webkit-transition: color 0.2s ease;
transition: color 0.2s ease; transition: color 0.2s ease;
margin-bottom: 0; margin-bottom: 0;
@ -85,12 +87,11 @@ ul.subitem_hide > li a span {
ul.subitem_hide > li { ul.subitem_hide > li {
list-style-type: none; list-style-type: none;
margin-left: 0.4em; margin-left: 0.4em;
}
}
.dropdown-btn { .dropdown-btn {
cursor: pointer; cursor: pointer;
} }
.fa-caret-down { .fa-caret-down {
float: right; float: right;
padding-right: 8px; padding-right: 8px;
} }