acceptable version

ImperialCollegeLondon · Sep 19, 2024 · c98d75b · c98d75b
1 parent fd65abe
commit c98d75b
Show file tree

Hide file tree

Showing 31 changed files with 746 additions and 135 deletions.
diff --git a/assets/less/site/collections/grid.overrides b/assets/less/site/collections/grid.overrides
@@ -1,15 +1,4 @@
 .invenio-administration.ui.grid > .side-bar.column {
-  background-color: @adminSideNavColor;
-  .item {
-    color: @darkTextColor;
-    font-weight: @fontRegular;
-    text-decoration: underline;
-    text-decoration-color: @darkTextColor;
-    text-decoration-thickness: 1px;
-    &:hover,
-    &:active {
-        font-weight: @fontMedium;
-        text-decoration-thickness: 2px;
-    }
-  }
+  background-color: @lavender;
+  border-right: 2px solid @primaryColor;
 }
diff --git a/assets/less/site/collections/menu.overrides b/assets/less/site/collections/menu.overrides
@@ -29,22 +29,101 @@
                 }
             }
         }
+        &.transition.visible {
+            a.item {
+                text-decoration: none;
+                &:hover {
+                    text-decoration: none;
+                }
+            }
+        }
     }
 }
 
 #rdm-burger-toggle {
-  font-size: 20px;
-  position: absolute;
-  right: -1.5rem;
-  top: calc(50%);
-  transform: translateY(-50%);
-
-  #rdm-burger-menu-icon {
-    .navicon {
-         color: @primaryColor;
-          &:hover {
-            color: @black;
-          }
-    }
-  }
+    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;
+            }
+        }
+    }
+}
+
+.ui.secondary.pointing.menu .item {
+    padding: @itemVerticalPadding @itemHorizontalPadding;
+    &.active {
+        border-color: @primaryColor;
+        font-weight: @fontSemibold;
+    }
+    &:hover {
+        border-color: @black;
+    }
+}
+
+.ui.menu {
+    box-shadow: none;
+}
+
+.ui.vertical.menu {
+    .ui.header.item {
+        font-weight: @fontSemibold;
+    }
+    a.item {
+        i {
+            text-decoration: none !important;
+        }
+        color: @darkTextColor;
+        font-weight: @fontRegular;
+        text-decoration: none;
+    }
+}
+
+.invenio-administration .side-menu-toggle {
+    color: @primaryColor;
+}
+
+#invenio-admin-home-nav {
+    box-shadow: none;
+    background: @lavender;
+    border-right: 2px @primaryColor solid;
+}
+
+.invenio-administration #invenio-admin-top-nav.ui.menu {
+    background: @white;
+}
+
+.ui.dropdown .menu.visible.transition {
+    min-width: min-content;
+    .item:not(.disabled) {
+        width: 100%;
+        text-decoration: none;
+        &:hover, &:focus {
+            background-color: @whiteSmoke;
+        }
+    }
+    .item.disabled:not(.active) {
+        background-color: transparent;
+        color: @slateGray;
+        &:hover, &:focus {
+            i {
+                text-decoration: none !important;
+            }
+            color: @slateGray;
+            background-color: transparent;
+            font-weight: @fontRegular;
+            text-decoration: none;
+        }
+    }
+    .item:not(.active) {
+        background-color: @whiteSmoke;
+    }
 }
diff --git a/assets/less/site/collections/message.variables b/assets/less/site/collections/message.variables
@@ -0,0 +1,26 @@
+.ui.message {
+    background-color: @white;
+    color: @black;
+    margin-bottom: .5rem;
+    &.positive {
+        background-color: @greenBackground;
+        border: 1px solid @green;
+        .header {
+            color: @green;
+        }
+    }
+    &.warning {
+        border: 1px solid @darkOrange;
+        background: @orangeBackground;
+        .header {
+            color: @brown;
+        }
+    }
+    &.negative {
+        background-color: @redBackground;
+        border: 1px solid red;
+        .header {
+            color: @red;
+        }
+    }
+}
diff --git a/assets/less/site/collections/table.overrides b/assets/less/site/collections/table.overrides
@@ -0,0 +1,7 @@
+.ui.table thead th {
+    background-color: @lavender;
+}
+
+.ui.table tbody tr td.collapsing > .ui.buttons {
+    flex-wrap: wrap;
+}
diff --git a/assets/less/site/collections/table.variables b/assets/less/site/collections/table.variables
@@ -0,0 +1 @@
+@headerBackground: @lavender;
diff --git a/assets/less/site/elements/button.overrides b/assets/less/site/elements/button.overrides
@@ -1,41 +1,80 @@
-.ui.button {
+.ui.button,
+.ui.basic.buttons .button,
+.ui.basic.button {
     background-color: @defaultButtonBackgroundColor;
-    border: 1px solid @defaultButtonBorderColor;
+    &:not(.search),
+    &:not(#skip-to-main){
+        border-style: solid !important;
+        border-width: 1px !important;
+    }
+    border-color: @defaultButtonBorderColor;
     color: @defaultButtonTextColor;
+    &:hover {
+        background: @black;
+        color: @white;
+    }
+}
+
+.ui.button.primary:not(.disabled),
+.ui.button.positive:not(.disabled) {
+    background-color: @primaryButtonBackgroundColor;
+    border-color: @primaryButtonBorderColor;
+    color: @primaryButtonTextColor !important;
     &:hover,
     &:active,
     &:focus {
-        background-color: @defaultButtonBackgroundColorHovered;
-        border: 1px solid @defaultButtonBorderColorHovered;
-        color: @defaultButtonTextColorHovered;
+        background-color: @primaryButtonBackgroundColorHovered;
+        border-color: @primaryButtonBorderColorHovered;
+        color: @primaryButtonTextColorHovered !important;
     }
 }
 
-.ui.button.primary,
-.ui.button.positive {
-    background-color: @primaryButtonBackgroundColor;
-    color: @primaryButtonTextColor;
+.ui.button.disabled {
+    background-color: @disabledButtonBackgroundColor;
+    border-color: @disabledButtonBorderColor;
+    color: @disabledButtonTextColor !important;
     &:hover,
     &:active,
     &:focus {
-        background-color: @primaryButtonBackgroundColorHovered;
-        color: @primaryButtonTextColorHovered;
+        background-color: @disabledButtonBackgroundColor;
+        border-color: @disabledButtonBorderColor;
+        color: @disabledButtonTextColor !important;
     }
 }
 
+div.ui.card.access-right .ui.two.buttons .ui.active.button.positive {
+    background-color: @green;
+    border-color: @green;
+    color: @white;
+}
+
 .ui.button.secondary {
     background-color: @primaryButtonBackgroundColor;
-    border: 1px solid @defaultButtonBorderColor;
+    border-color: @defaultButtonBorderColor;
     color: @primaryButtonTextColor;
     &:hover,
     &:active,
     &:focus {
         background-color: @primaryButtonBackgroundColorHovered;
-        border: 1px solid @defaultButtonBorderColorHovered;
+        border-color: @defaultButtonBorderColorHovered;
         color: @primaryButtonTextColorHovered;
     }
 }
 
+.ui.button.negative,
+.ui.button.red {
+    background-color: @negativeButtonBackgroundColor;
+    border-color: @negativeButtonBorderColor;
+    color: @negativeButtonTextColor;
+    &:hover,
+    &:active,
+    &:focus {
+        background-color: @negativeButtonBackgroundColorHovered;
+        border-color: @negativeButtonBorderColorHovered;
+        color: @negativeButtonTextColorHovered;
+    }
+}
+
 #skip-to-main {
 	position: absolute;
 	top: 0px;
@@ -66,4 +105,23 @@
             color: @white;
         }
     }
+}
+
+.ui.basic.buttons {
+    .ui.button:not(.active),
+    .ui.basic.button:not(.active){
+        background-color: @white !important;
+        box-shadow: none !important;
+        border: 1px solid rgba(34, 36, 38, 0.15) !important;
+        color: @black !important;
+        &:hover {
+            background: @whiteSmoke !important;        }
+    }
+    .active.button,
+    .ui.button.active,
+    .ui.basic.button.active {
+        background-color: @black !important;
+        border: 1px @black !important;
+        color: @white !important;
+    }
 }
diff --git a/assets/less/site/elements/button.variables b/assets/less/site/elements/button.variables
@@ -1,4 +1,4 @@
-@searchButtonColor: @white;
+@searchButtonColor: @whiteSmoke;
 @searchButtonColorHover: @black;
 
 @fontWeight: @fontRegular;
@@ -7,7 +7,7 @@
 default button
 --------------------------------*/
 
-@defaultButtonBackgroundColor: @whiteSmoke;
+@defaultButtonBackgroundColor: @white;
 @defaultButtonBorderColor: @black;
 @defaultButtonTextColor: @black;
 @defaultButtonBackgroundColorHovered: @black;
@@ -18,8 +18,10 @@ default button
 primary button
 --------------------------------*/
 @primaryButtonBackgroundColor: @primaryColor;
+@primaryButtonBorderColor: @primaryColor;
 @primaryButtonTextColor: @white;
 @primaryButtonBackgroundColorHovered: @black;
+@primaryButtonBorderColorHovered: @black;
 @primaryButtonTextColorHovered: @white;
 
 /*-------------------------------
@@ -31,4 +33,23 @@ secondary button
 @secondaryButtonTextColor: @primaryColor;
 @secondaryButtonBackgroundColorHovered: @primaryColor;
 @secondaryButtonBorderColorHovered: @primaryColor;
-@secondaryButtonTextColorHovered: @white;
+@secondaryButtonTextColorHovered: @white;
+
+/*-------------------------------
+negative button
+--------------------------------*/
+
+@negativeButtonBackgroundColor: @white;
+@negativeButtonBorderColor: @red;
+@negativeButtonTextColor: @red;
+@negativeButtonBackgroundColorHovered: @red;
+@negativeButtonBorderColorHovered: @red;
+@negativeButtonTextColorHovered: @white;
+
+/*-------------------------------
+disabled button
+--------------------------------*/
+
+@disabledButtonBackgroundColor: @whiteSmoke;
+@disabledButtonBorderColor: @darkGray;
+@disabledButtonTextColor: @darkGray;
diff --git a/assets/less/site/elements/container.overrides b/assets/less/site/elements/container.overrides
@@ -1,3 +1,12 @@
 .ui.container.frontpage-header {
     background-color: @frontpageSearchBarBackgroundColor !important;
+}
+
+.ui.container.page-subheader {
+    padding-inline: @itemVerticalPadding @itemHorizontalPadding;
+    display: flex;
+    align-items: center;
+    &-outer {
+        background-color: @subheaderColor;
+    }
 }
diff --git a/assets/less/site/elements/headers.variables → assets/less/site/elements/header.overrides b/assets/less/site/elements/headers.variables → assets/less/site/elements/header.overrides
diff --git a/assets/less/site/elements/icon.overrides b/assets/less/site/elements/icon.overrides
@@ -1,3 +0,0 @@
-i.icon.search {
-  color: @primaryColor;
-}