fix: Fix new menu item standing in black
This commit is contained in:
parent
e908073c7a
commit
22a4fcc735
@ -1,11 +1,21 @@
|
|||||||
@-moz-document domain("alkemics.atlassian.net") {
|
@-moz-document domain("alkemics.atlassian.net") {
|
||||||
|
|
||||||
|
/*@font-face {
|
||||||
|
font-family: "Charlie Text";
|
||||||
|
src: url("https://wac-cdn.atlassian.com/static/master/4260/assets/build/fonts/charlie-sans/charlie-text/Charlie_Text-Regular.woff2") format("woff");
|
||||||
|
src: url("https://wac-cdn.atlassian.com/static/master/4260/assets/build/fonts/charlie-sans/charlie-text/Charlie_Text-Semibold.woff2") format("woff");
|
||||||
|
src: url("https://wac-cdn.atlassian.com/static/master/4260/assets/build/fonts/charlie-sans/charlie-text/Charlie_Text-Bold.woff2") format("woff");
|
||||||
|
src: url("https://wac-cdn.atlassian.com/static/master/4260/assets/build/fonts/charlie-sans/charlie-text/Charlie_Text-Black.woff2") format("woff");
|
||||||
|
}*/
|
||||||
/* Header itself */
|
/* Header itself */
|
||||||
header {
|
header {
|
||||||
background-color: var(--ds-surface, white) !important;
|
background-color: var(--ds-surface, white) !important;
|
||||||
color: var(--ds-text-subtlest, #42526e) !important;
|
color: var(--ds-text-subtlest, #42526e) !important;
|
||||||
font-family: "Charlie Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, "Droid Sans", "Helvetica Neue", sans-serif;
|
font-family: "Charlie Text", -apple-system, "Segoe UI", Ubuntu, sans-serif;
|
||||||
|
/*font-size:12pt;*/
|
||||||
--icon-primary-color: var(--ds-text-subtlest, #42526e) !important;
|
--icon-primary-color: var(--ds-text-subtlest, #42526e) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Alkemics Logos */
|
/* Alkemics Logos */
|
||||||
header nav img {
|
header nav img {
|
||||||
filter: invert(1) hue-rotate(180deg);
|
filter: invert(1) hue-rotate(180deg);
|
||||||
@ -15,39 +25,57 @@
|
|||||||
object-fit: none;
|
object-fit: none;
|
||||||
object-position: 45%;
|
object-position: 45%;
|
||||||
}
|
}
|
||||||
|
|
||||||
header nav a:first-of-type {
|
header nav a:first-of-type {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.iZanro {
|
||||||
|
background-color: transparent;
|
||||||
|
|
||||||
|
* {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* Buttons */
|
/* Buttons */
|
||||||
header a,
|
header a,
|
||||||
header button {
|
header button {
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
color: var(--ds-text-subtlest, #42526e) !important;
|
color: var(--ds-text-subtlest, #42526e) !important;
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
--icon-secondary-color: white;
|
--icon-secondary-color: white;
|
||||||
transition: transform .2s;
|
transition: transform .2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: var(--ds-text-subtle, hsl(216, 100%, 40%)) !important;
|
color: var(--ds-text-subtle, hsl(216, 100%, 40%)) !important;
|
||||||
background-color: var(--ds-background-neutral-hovered, hsla(216, 100%, 40%, 0.1)) !important;
|
background-color: var(--ds-background-neutral-hovered, hsla(216, 100%, 40%, 0.1)) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
&[aria-expanded="true"] {
|
&[aria-expanded="true"] {
|
||||||
color: var(--ds-text-subtle, hsl(216, 100%, 40%)) !important;
|
color: var(--ds-text-subtle, hsl(216, 100%, 40%)) !important;
|
||||||
background-color: var(--ds-background-neutral-pressed, hsla(216, 100%, 40%, 0.2)) !important;
|
background-color: var(--ds-background-neutral-pressed, hsla(216, 100%, 40%, 0.2)) !important;
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
transform: rotatex(0.5turn);
|
transform: rotatex(0.5turn);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&#createGlobalItem {
|
&#createGlobalItem {
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
outline: 3px solid var(--ds-background-neutral-hovered, hsla(216, 100%, 40%, 0.8));
|
outline: 3px solid var(--ds-background-neutral-hovered, hsla(216, 100%, 40%, 0.8));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Search box */
|
/* Search box */
|
||||||
header input {
|
header input {
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
@ -55,14 +83,17 @@
|
|||||||
border: none !important;
|
border: none !important;
|
||||||
border-radius: 3px !important;
|
border-radius: 3px !important;
|
||||||
background-color: var(--ds-surface, white) !important;
|
background-color: var(--ds-surface, white) !important;
|
||||||
|
|
||||||
&::placeholder {
|
&::placeholder {
|
||||||
color: var(--ds-text-subtlest, #42526e) !important;
|
color: var(--ds-text-subtlest, #42526e) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover:not(:focus) {
|
&:hover:not(:focus) {
|
||||||
color: var(--ds-text-subtle, hsl(216, 100%, 40%)) !important;
|
color: var(--ds-text-subtle, hsl(216, 100%, 40%)) !important;
|
||||||
background-color: var(--ds-background-neutral-hovered, hsla(216, 100%, 40%, 0.1)) !important;
|
background-color: var(--ds-background-neutral-hovered, hsla(216, 100%, 40%, 0.1)) !important;
|
||||||
outline: 3px solid hsla(216, 100%, 40%, 0.8) !important;
|
outline: 3px solid hsla(216, 100%, 40%, 0.8) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
outline: 3px solid hsla(216, 100%, 40%, 0.8) !important;
|
outline: 3px solid hsla(216, 100%, 40%, 0.8) !important;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user