hide shortcuts menu in homepage when empty

This commit is contained in:
Seth Burkart
2023-08-11 09:44:10 +10:00
parent 87f06f5a70
commit fe53567052
+31 -7
View File
@@ -59,6 +59,9 @@ html {
.defaultWelcome { .defaultWelcome {
background: var(--better-main); background: var(--better-main);
border-radius: 1rem 1rem 0rem 0 !important;
color: var(--text-color) !important;
overflow: hidden;
} }
.addedButton { .addedButton {
@@ -121,6 +124,11 @@ ul.magicDelete>li.deleting {
z-index: 5 !important; z-index: 5 !important;
} }
#menu ::-webkit-scrollbar {
width: 0px;
background: none;
}
#menu li, #menu li,
#menu section { #menu section {
margin: 3px 20px; margin: 3px 20px;
@@ -147,6 +155,7 @@ ul.magicDelete>li.deleting {
#menu { #menu {
width: 270px; width: 270px;
background: var(--better-main); background: var(--better-main);
color: var(--text-color);
border-right: none; border-right: none;
font-family: Rubik, sans-serif !important; font-family: Rubik, sans-serif !important;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
@@ -160,9 +169,17 @@ ul.magicDelete>li.deleting {
height: 28px !important; height: 28px !important;
} }
#menu ul li {
margin-left: auto !important;
margin-right: auto !important;
margin-top: 8px !important;
margin-bottom: 8px !important;
width: 85% !important;
}
#menu li.active>.sub>ul>.item { #menu li.active>.sub>ul>.item {
box-shadow: inset 3px 0 var(--item-colour, transparent); box-shadow: inset 3px 0 var(--item-colour, transparent);
border-radius: 0px 15px 15px 0px; border-radius: 0px 8px 8px 0px;
transition: 100ms; transition: 100ms;
} }
@@ -375,7 +392,7 @@ html {
font-weight: 400; font-weight: 400;
font-size: 3em !important; font-size: 3em !important;
font-weight: 300; font-weight: 300;
margin: 30px auto 0; margin: 30px auto 60px;
background-color: var(--background-primary); background-color: var(--background-primary);
height: 3em; height: 3em;
align-items: center; align-items: center;
@@ -479,7 +496,7 @@ html {
} }
.border { .border {
border-radius: 15px; border-radius: 8px;
} }
.shortcut-container h2 { .shortcut-container h2 {
@@ -499,6 +516,10 @@ html {
justify-content: center; justify-content: center;
} }
.shortcut-container:not(:has(#shortcuts *)) {
display: none !important;
}
.shortcuts a { .shortcuts a {
text-decoration: none !important; text-decoration: none !important;
color: var(--text-primary); color: var(--text-primary);
@@ -1292,10 +1313,11 @@ body {
} }
.NewsArticle { .NewsArticle {
border-radius: 5px !important; border-radius: 1rem !important;
overflow: hidden;
width: 94%; width: 94%;
padding: 0 !important; padding: 0 !important;
margin: 10px auto 50px !important; margin: 0px auto 30px !important;
background: var(--background-primary) !important; background: var(--background-primary) !important;
color: var(--text-primary); color: var(--text-primary);
display: flex; display: flex;
@@ -1497,8 +1519,10 @@ body {
visibility: visible; visibility: visible;
} }
#menu { .draggable::before {
color: var(--text-color); left: 0 !important;
top: 100% !important;
transform: translateY(-100%) !important;
} }
#menuToggle { #menuToggle {