mirror of
https://akkoma.dev/AkkomaGang/akkoma-fe.git
synced 2024-11-08 17:39:09 +00:00
fix horizontal scroll, make hovered column render stuff on top of other
ones (popups, tooltips etc)
This commit is contained in:
parent
3f65c8b1d6
commit
aa07b219c9
1 changed files with 7 additions and 1 deletions
|
@ -7,6 +7,7 @@
|
|||
|
||||
html {
|
||||
font-size: 14px;
|
||||
overflow-x: clip;
|
||||
}
|
||||
|
||||
body {
|
||||
|
@ -15,10 +16,10 @@ body {
|
|||
margin: 0;
|
||||
color: $fallback--text;
|
||||
color: var(--text, $fallback--text);
|
||||
overflow-x: hidden;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
overscroll-behavior-y: none;
|
||||
overflow-x: clip;
|
||||
|
||||
&.hidden {
|
||||
display: none;
|
||||
|
@ -174,6 +175,7 @@ nav {
|
|||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
min-height: 100vh;
|
||||
overflow-x: clip;
|
||||
|
||||
.column {
|
||||
--___columnMargin: var(--columnGap);
|
||||
|
@ -188,6 +190,10 @@ nav {
|
|||
row-gap: var(--___columnMargin);
|
||||
align-content: start;
|
||||
|
||||
&:hover {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
&.-scrollable {
|
||||
--___paddingIncrease: calc(var(--columnGap) / 2);
|
||||
|
||||
|
|
Loading…
Reference in a new issue