quickshell/quickshell-web
3
1
Fork 0
Code Issues Projects Activity

header on relative width, made toc clip under

Browse source
This commit is contained in:
Xanazf 2024-10-14 13:14:39 +03:00
parent 2d68d8b526
commit 0a69344f98
Signed by: Xanazf
GPG key ID: 4E4A5AD1FB748427
2 changed files with 14 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/styles/docs/toc/toc.css
View file

@ -35,7 +35,7 @@
font-size: 1.614rem;
max-height: 500px;
& > svg {
&>svg {
height: 100%;
width: 24px;
}
@ -64,12 +64,11 @@
display: none;
}
transition:
width 0.3s ease,
height 0.3s ease,
background-color 0.3s ease,
backdrop-filter 0.3s ease,
padding 0.3s ease;
transition: width 0.3s ease,
height 0.3s ease,
background-color 0.3s ease,
backdrop-filter 0.3s ease,
padding 0.3s ease;
&.shown {
overflow-y: scroll;
@ -109,7 +108,7 @@
width: max-content;
max-height: calc(100svh - 8rem);
overflow-y: scroll;
z-index: 10;
z-index: 9;
margin-right: 1.272rem;
& .toc_a {
@ -125,7 +124,7 @@
list-style: none;
&.active {
& > .toc_a {
&>.toc_a {
color: hsl(var(--green) 72 60);
}
}

14
src/styles/global.css
View file

@ -62,7 +62,7 @@ html.dark {
.header {
position: fixed;
top: 0;
width: 100svw;
width: 100%;
z-index: 10;
display: flex;
align-items: center;
@ -122,13 +122,11 @@ footer {
display: flex;
justify-content: space-between;
padding-inline: 1rem;
background: linear-gradient(
150deg,
hsla(var(--blue) 60 5 / 1) 10%,
hsla(var(--blue) 75 6 / 1) 25%,
hsla(var(--blue) 80 8 / 1) 55%,
hsla(var(--blue) 77 7 / 1) 80%
);
background: linear-gradient(150deg,
hsla(var(--blue) 60 5 / 1) 10%,
hsla(var(--blue) 75 6 / 1) 25%,
hsla(var(--blue) 80 8 / 1) 55%,
hsla(var(--blue) 77 7 / 1) 80%);
& ._credits {
display: flex;