forked from mandorinn/eSix-Cafe
more fixes for new ui
This commit is contained in:
parent
f0e21eddd5
commit
73cb5205d4
7
src/common/_standard_elements.scss
Normal file
7
src/common/_standard_elements.scss
Normal file
@ -0,0 +1,7 @@
|
||||
.st-button.stealth svg {
|
||||
background-color: var(--warn-button);
|
||||
}
|
||||
|
||||
.st-button.stealth:hover svg {
|
||||
background-color: var(--warn-button-hover);
|
||||
}
|
@ -1,12 +1,28 @@
|
||||
nav.navigation {
|
||||
background-color: var(--bg);
|
||||
|
||||
.nav-primary, .nav-help {
|
||||
border-bottom: 1px solid var(--header-link) !important;
|
||||
}
|
||||
|
||||
.nav-secondary {
|
||||
background-color: var(--bg);
|
||||
}
|
||||
|
||||
.nav-controls {
|
||||
background-color: var(--bg);
|
||||
|
||||
a.simple-avatar .simple-avatar-button .simple-avatar-image {
|
||||
background-color: var(--bg-300);
|
||||
}
|
||||
}
|
||||
|
||||
.nav-controls > a > span {
|
||||
background-color: var(--bg-300);
|
||||
}
|
||||
|
||||
.nav-controls:hover > a > span {
|
||||
background-color: var(--bg-400);
|
||||
}
|
||||
|
||||
.nav-logo-link {
|
||||
@ -37,6 +53,10 @@ nav.navigation {
|
||||
background-color: var(--bg-400) !important;
|
||||
border-radius: 4px;
|
||||
border: 2px solid var(--bg-300);
|
||||
|
||||
li a svg {
|
||||
color: unset;
|
||||
}
|
||||
}
|
||||
|
||||
i, a:is([id*="nav"], [id*="blacklist"]) {
|
||||
@ -51,13 +71,34 @@ nav.navigation {
|
||||
top: .35rem;
|
||||
}
|
||||
|
||||
.nav-primary, .nav-help {
|
||||
border-bottom: 1px solid var(--header-link) !important;
|
||||
}
|
||||
|
||||
@media (min-width: 800px) {
|
||||
.nav-help {
|
||||
width: fit-content;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.nav-primary, .nav-help {
|
||||
background-color: var(--bg-300);
|
||||
border-bottom: 1px solid var(--bg) !important;
|
||||
}
|
||||
|
||||
.nav-primary, .nav-secondary {
|
||||
li > a {
|
||||
border-bottom: 1px solid var(--bg-400);
|
||||
}
|
||||
}
|
||||
|
||||
.nav-secondary {
|
||||
li.divider {
|
||||
border-bottom: 1px solid var(--bg-400);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
html.nav-toggled nav.navigation {
|
||||
.nav-primary, .nav-help, .nav-tools {
|
||||
box-shadow: -3px 3px 5px -1px var(--bg);
|
||||
}
|
||||
}
|
||||
|
@ -12,6 +12,7 @@
|
||||
@import "common/footer";
|
||||
@import "common/helper_classes";
|
||||
@import "common/scores";
|
||||
@import "common/standard_elements";
|
||||
@import "common/ads.scss";
|
||||
@import "common/autocomplete.scss";
|
||||
@import "common/blacklists.scss";
|
||||
|
@ -209,6 +209,18 @@ div#c-posts {
|
||||
color: var(--base-text) !important;
|
||||
}
|
||||
}
|
||||
|
||||
div#a-index {
|
||||
.post-index {
|
||||
.search, .sidebar, .content {
|
||||
background-color: var(--bg-300);
|
||||
}
|
||||
|
||||
.search .search-controls span {
|
||||
color: var(--base-text);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div#avoid-posting-notice {
|
||||
|
Loading…
Reference in New Issue
Block a user