diff --git a/assets/less/site/collections/menu.overrides b/assets/less/site/collections/menu.overrides
index 05a26b7..c86e9c4 100644
--- a/assets/less/site/collections/menu.overrides
+++ b/assets/less/site/collections/menu.overrides
@@ -11,7 +11,6 @@
text-decoration: underline;
text-decoration-color: @primaryColor;
a:not(.ui.button) {
- display: inline-block;
color: @primaryColor;
padding: 2rem 1rem;
text-decoration: underline;
@@ -40,21 +39,59 @@
}
}
-#rdm-burger-toggle {
- font-size: 20px;
- position: absolute;
- right: -1.5rem;
- top: calc(50%);
- border: none;
-
- #rdm-burger-menu-icon {
- .navicon {
- background: @primaryColor;
- color: @primaryColor;
- &:hover {
- color: @black;
+.outer-navbar {
+ background-image: None;
+ background-color: transparent;
+ border-color: transparent;
+
+ #invenio-nav {
+ background: @white;
+ border-top: 2px solid @brandColor;
+ border-bottom: 2px solid @brandColor;
+ margin: 1rem 0;
+ }
+
+ a {
+ color: @primaryColor;
+ }
+
+ .header__nav-open#rdm-burger-menu-icon {
+ color: @navyBlue;
+ margin-inline-start: 1rem;
+ border-style: unset !important;
+ border-width: 0 !important;
+
+ span {
+ top: 1px;
+
+ &::before {
+ top: clamp(0.4375rem, 0.4016rem + 0.1795vw, 0.5625rem); // 7px -> 9px
+ transition: unset;
}
+
+ &::after {
+ top: clamp(0.875rem, 0.8032rem + 0.3591vw, 1.125rem); // 14px -> 18px
+ transition: uset;
+ }
+ }
+
+ span,
+ span::before,
+ span::after {
+ background-color: @navyBlue;
}
+
+ &:hover {
+
+ span,
+ span::before,
+ span::after {
+ left: 0px;
+ transform: none;
+ width: clamp(0.875rem, 1.1623rem, 1.125rem);
+ background-color: @darkGray;
+ }
+ }
}
}
diff --git a/assets/less/site/elements/button.variables b/assets/less/site/elements/button.variables
index 2653820..014e926 100644
--- a/assets/less/site/elements/button.variables
+++ b/assets/less/site/elements/button.variables
@@ -53,3 +53,9 @@ disabled button
@disabledButtonBackgroundColor: @whiteSmoke;
@disabledButtonBorderColor: @darkGray;
@disabledButtonTextColor: @darkGray;
+
+/*----------------------------------------
+@warningButtonColor: @orange;
+@warningButtonBorderColor: @orange;
+@warningButtonTextColor: @black;
+-------------------------------------------*/
diff --git a/assets/less/site/elements/header.overrides b/assets/less/site/elements/header.overrides
index 0c9b51d..e8401e1 100644
--- a/assets/less/site/elements/header.overrides
+++ b/assets/less/site/elements/header.overrides
@@ -35,19 +35,3 @@ aside.sidebar {
display: none;
}
}
-
-.ui.header {
- word-break: break-word;
-
- &.text-muted {
- color: @mutedTextColor;
- }
-
- .doi.sub.header {
- display: inline-block;
- }
-
- &.highlight{
- background-color: @highlightBackgroundColor;
- }
-}
diff --git a/assets/less/site/elements/input.overrides b/assets/less/site/elements/input.overrides
index 3d7538a..7d39c6b 100644
--- a/assets/less/site/elements/input.overrides
+++ b/assets/less/site/elements/input.overrides
@@ -15,6 +15,10 @@
outline-width: 3px;
outline-offset: 3px;
}
+ &::placeholder{
+ color: @darkGray;
+ }
+
}
div.ui.search .ui.input input {
diff --git a/assets/less/site/globals/site.overrides b/assets/less/site/globals/site.overrides
index 45da2b5..9fdf8ee 100644
--- a/assets/less/site/globals/site.overrides
+++ b/assets/less/site/globals/site.overrides
@@ -154,63 +154,6 @@ html.cover-page {
background-color: @white;
}
-.outer-navbar {
- background-image: None;
- background-color: transparent;
- border-color: transparent;
-
- #invenio-nav {
- background: @white;
- border-top: 2px solid @brandColor;
- border-bottom: 2px solid @brandColor;
- margin: 1rem 0;
- }
-
- a {
- color: @primaryColor;
- }
-
- #rdm-burger-menu-icon {
- @headerOverlayOpenColor: @primaryColor;
-
- .header__inner--inverse & {
- @headerOverlayOpenColor: @white;
- }
- background-color: transparent !important;
- border: none !important;
- color: none;
-
- span {
- top: 1px;
-
- &::before {
- top: clamp(0.4375rem, 0.4016rem + 0.1795vw, 0.5625rem); // 7px -> 9px
- transition: transform 0.2s;
- }
-
- &::after {
- top: clamp(0.875rem, 0.8032rem + 0.3591vw, 1.125rem); // 14px -> 18px
- transition: none;
- }
- }
-
- span,
- span::before,
- span::after {
- background-color: var(@headerOverlayOpenColor);
- }
-
- &:hover {
- background-color: transparent !important;
- border: none !important;
- transform: rotate(90deg);
- span::before {
- width: clamp(0.875rem, 0.8032rem + 0.3591vw, 1.125rem); // 14px -> 18px
- }
- }
- }
-}
-
.theme.header {
box-shadow: None;
}
diff --git a/templates/semantic-ui/invenio_administration/header/header.html b/templates/semantic-ui/invenio_administration/header/header.html
index 173b42f..1e351bd 100644
--- a/templates/semantic-ui/invenio_administration/header/header.html
+++ b/templates/semantic-ui/invenio_administration/header/header.html
@@ -39,7 +39,7 @@
diff --git a/templates/semantic-ui/invenio_app_rdm/header.html b/templates/semantic-ui/invenio_app_rdm/header.html
index a5bb6eb..5e59a85 100644
--- a/templates/semantic-ui/invenio_app_rdm/header.html
+++ b/templates/semantic-ui/invenio_app_rdm/header.html
@@ -46,7 +46,7 @@