xevion/v2.xevion.dev
1
0
Fork 0
mirror of https://github.com/Xevion/v2.xevion.dev.git synced 2025-12-10 16:09:07 -06:00
Code Issues Packages Projects Releases Wiki Activity

Fix horizontal scroll overflow due to header animation

Browse Source 
The header is now moved up and outside of the body container, now allowing the header to take up a max of 100% of the viewport width. With overflow set to hidden, the animation will go outside the viewport but won't create a scrollbar anymore.
This commit is contained in:
Xevion
2022-09-20 16:53:55 -05:00
parent 1dff66a5b8
commit 278bdae356
3 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
_sass/glitch.scss
View File

@@ -1,6 +1,11 @@
.stack {
display: grid;
grid-template-columns: 1fr;
header {
max-width: 100vw;
.stack {
overflow: hidden;
display: grid;
grid-template-columns: 1fr;
}
}
.stack span {