chromium fix finally

This commit is contained in:
sundae 2025-09-10 10:19:57 +03:00
parent d2354910c0
commit d6c0697966
No known key found for this signature in database
9 changed files with 45 additions and 27 deletions

View file

@ -1,4 +1,4 @@
body > nav::before,
body>nav::before,
body::after {
z-index: -1;
content: "";
@ -11,7 +11,7 @@ body::after {
pointer-events: none;
}
body > nav::before {
body>nav::before {
bottom: 0;
left: 0;
mask-size: 150%;
@ -27,7 +27,8 @@ body::after {
-webkit-mask-position-x: 0;
-webkit-mask-position-y: bottom;
}
body > nav {
body>nav {
display: flex;
flex-direction: column;
overflow: hidden;
@ -35,35 +36,44 @@ body > nav {
position: fixed;
width: var(--view);
height: 100%;
& * svg,
li img {
margin: 0 8px 0 8px;
width: 20px;
align-self: center;
}
& details {
display: flex;
}
& ul {
margin: var(--pad-sm);
padding: 0;
& li, button {
& li,
button {
padding: 0;
align-items: center;
margin-bottom: inherit;
& img {
border-radius: 100%;
}
}
}
& svg {
fill: currentColor;
stroke: currentColor;
stroke-width: 0;
}
& details {
font-size: 1.4rem;
}
& a,
button {
display: flex;
@ -77,10 +87,12 @@ body > nav {
body {
font-family: "Rubik", sans-serif;
& > nav {
&>nav {
gap: var(--pad-m);
border-right-width: 1px;
border-right-style: solid;
& a,
button {
align-items: center;
@ -88,23 +100,25 @@ body {
border-width: 2px;
border-radius: var(--round);
}
& details {
gap: inherit;
border-radius: var(--round);
font-weight: bold;
}
& details > summary {
& details>summary {
display: flex;
justify-content: center;
padding: 0 var(--pad-lm) 0 0;
height: var(--pad-xl);
& > svg {
&>svg {
transform: rotate(0deg);
transition: transform var(--trans);
}
}
& details:not([open]) > summary {
& details:not([open])>summary {
border-radius: var(--round);
border-style: solid;
border-width: 2px;
@ -113,12 +127,10 @@ body {
& details[open] {
border-style: solid;
border-width: 2px;
& > summary {
margin-bottom: var(--pad-sm);
& svg {
transform: rotate(45deg);
}
&>summary svg {
transform: rotate(45deg);
}
}
}
}
}