Salsify/front-ui-tweaker
1
0
Fork 0
Code Issues 4 Pull Requests 3 Packages Projects Releases Wiki Activity

fix: Fix new menu item standing in black

Browse Source
This commit is contained in:
Simon 2023-03-24 12:34:33 +01:00
parent e908073c7a
commit 22a4fcc735
1 changed files with 33 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
alkessian.less
View File

@ -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,54 +25,75 @@
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;
outline: 1px solid rgba(66, 83, 110, 0.4) !important; outline: 1px solid rgba(66, 83, 110, 0.4) !important;
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;
} }