diff --git a/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/header.less b/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/header.less
index 5f102be..f39a2b3 100644
--- a/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/header.less
+++ b/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/header.less
@@ -65,28 +65,56 @@ a {
height: 49px;
width: 100%;
}
+
.short-menu-left {
border-right: 1px solid black;
display: table-cell;
text-align: right;
width: 50%;
}
+
.short-menu-right {
display: table-cell;
width: 50%;
color: #000000;
+ & div {
+ & svg {
+ & g {
+ stroke: #000;
+ stroke-linecap: round;
+ stroke-width: 2;
+ fill: none;
+ }
+ }
+ }
+}
+
+.short-menu-right :hover {
+ background-color: #000000;
+ color: #ffffff;
+ & svg {
+ & g {
+ stroke: #fff;
+ }
+ }
}
.short-menu-left-lang {
- background-color: transparent;
+ display: inline-block;
+ margin-right: 10px;
+ font-size: 17px !important;
+ font-weight: 300;
& a {
+ padding: 5px;
+ background-color: transparent;
color: #000;
+ text-decoration: none;
}
}
.short-menu-left-lang:hover {
- background-color: #000;
& a {
+ background-color: #000;
color: #fff;
text-decoration: none;
}
@@ -94,16 +122,31 @@ a {
.search-icon-header {
display: inline-block;
- background-color: transparent;
+ & a {
+ background-color: transparent;
+ padding: 5px;
+ text-decoration: none;
+ & svg {
+ & g {
+ stroke-linejoin: round;
+ stroke: #000;
+ stroke-miterlimit: 10;
+ stroke-width: 2;
+ fill: none;
+ }
+ }
+ }
}
.search-icon-header:hover {
- background-color: #000;
- & i {
- color: #fff;
- }
& a {
+ background-color: #000;
text-decoration: none;
+ & svg {
+ & g {
+ stroke: #fff;
+ }
+ }
}
}
@@ -126,6 +169,13 @@ a {
vertical-align: top;
width: 21px;
}
+
+.short-menu-icon {
+ vertical-align: top;
+ width: 20px;
+ height: 19px;
+}
+
svg:not(:root) {
overflow: hidden;
}
@@ -140,6 +190,7 @@ svg:not(:root) {
}
.main-menu-box {
+ font-size: 16px;
box-sizing: border-box;
display: table;
margin: 0 auto;
@@ -174,11 +225,6 @@ svg:not(:root) {
text-decoration: none;
}
-.short-menu-right :hover {
- background-color: #000000;
- color: #ffffff;
-}
-
.main-menu {
border-bottom: 1px solid #000;
box-sizing: border-box;
diff --git a/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/theme.less b/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/theme.less
index eff8101..dae2560 100644
--- a/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/theme.less
+++ b/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/theme.less
@@ -5,11 +5,11 @@
* invenio-theme-tugraz is free software; you can redistribute it and/or modify it
* under the terms of the MIT License; see LICENSE file for more details.
*/
-
+
@import "header";
@import "footer";
@import "overrides";
-
+@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap");
/***
**TODO:
@@ -17,4 +17,4 @@
***/
//@import "../invenio_app_rdm/theme";
-//@import "variables";
\ No newline at end of file
+//@import "variables";
diff --git a/invenio_theme_tugraz/templates/invenio_theme_tugraz/header.html b/invenio_theme_tugraz/templates/invenio_theme_tugraz/header.html
index a8d79d2..c12b7fd 100644
--- a/invenio_theme_tugraz/templates/invenio_theme_tugraz/header.html
+++ b/invenio_theme_tugraz/templates/invenio_theme_tugraz/header.html
@@ -84,28 +84,39 @@