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
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -64,8 +64,7 @@
display: none; display: none;
} }
transition: transition: width 0.3s ease,
width 0.3s ease,
height 0.3s ease, height 0.3s ease,
background-color 0.3s ease, background-color 0.3s ease,
backdrop-filter 0.3s ease, backdrop-filter 0.3s ease,
@ -109,7 +108,7 @@
width: max-content; width: max-content;
max-height: calc(100svh - 8rem); max-height: calc(100svh - 8rem);
overflow-y: scroll; overflow-y: scroll;
z-index: 10; z-index: 9;
margin-right: 1.272rem; margin-right: 1.272rem;
& .toc_a { & .toc_a {

8
src/styles/global.css
View file

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