oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00
Code Releases Activity

fix dark mode selected state for nav

Browse Source
This commit is contained in:
Matthias Kretschmann 2021-11-02 18:56:25 +01:00
parent 2007d0c3ca
commit 72605b5341
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/Publish/Navigation/index.module.css
View File

@ -34,7 +34,7 @@
}
/* inject the numbers */
.navigation li::before {
.navigation li:before {
content: counter(list-number);
display: inline-flex;
align-items: center;
@ -43,12 +43,11 @@
height: 2rem;
border-radius: 50%;
border: 1px solid var(--border-color);
margin-right: calc(var(--spacer) / 4);
}
/* inject line */
.navigation li::after {
.navigation li:after {
content: '';
display: block;
position: absolute;
@ -59,17 +58,17 @@
background: var(--border-color);
}
.navigation li:last-child::after {
.navigation li:last-child:after {
display: none;
}
.current::before {
color: var(--brand-white);
background: var(--brand-black);
.current:before {
color: var(--background-content);
background: var(--font-color-heading);
border-color: transparent;
}
.navigation .success::before {
.navigation .success:before {
content: '✓';
color: var(--brand-white);
background: var(--brand-alert-green);

1
src/stylesGlobal/_variables.css
View File

@ -26,7 +26,6 @@
--font-color-text: #41474e;
--font-color-heading: #141414;
--background-body: #fcfcfc;
--background-content: #fff;
--background-body-transparent: rgba(255, 255, 255, 0.8);
--background-content: #fff;
--background-highlight: #f7f7f7;