change(site): added fixes from custom

eea · Jun 30, 2022 · 0fe4d80 · 0fe4d80
1 parent 7de5d66
commit 0fe4d80
Show file tree

Hide file tree

Showing 12 changed files with 72 additions and 5 deletions.
diff --git a/theme/themes/eea/collections/breadcrumb.overrides b/theme/themes/eea/collections/breadcrumb.overrides
@@ -19,6 +19,7 @@
     overflow: hidden;
 
     /* Max breadcrumb length */
+    min-height: @breadcrumbItemMinHeight;
     max-width: @breadcrumbItemMaxWidth;
     padding: @mobileBreadcrumbPadding;
     text-overflow: ellipsis;

diff --git a/theme/themes/eea/collections/breadcrumb.variables b/theme/themes/eea/collections/breadcrumb.variables
@@ -15,6 +15,7 @@
 @computerBreadcrumbPadding: 0 @10px;
 
 @breadcrumbItemMaxWidth: 220px;
+@breadcrumbItemMaxHeight: @space-4;
 
 /* Icon */
 @breadcrumbImgWidth: @12px;

diff --git a/theme/themes/eea/collections/menu.overrides b/theme/themes/eea/collections/menu.overrides
@@ -316,3 +316,9 @@
   border-top: 1px solid @midGray;
   content: ' ';
 }
+
+// edit page, normalize font size of tab headers from the sidebar
+.section-edit .ui.pointing.secondary.menu .item,
+.tabs-wrapper .ui.pointing.secondary.menu .item {
+  font-size: 1.25rem;
+}
diff --git a/theme/themes/eea/elements/button.overrides b/theme/themes/eea/elements/button.overrides
@@ -105,6 +105,7 @@
 // .ui.secondary.pointing.menu:not(.vertical) overrides
 .ui.button.full-size-sidenav-btn {
   z-index: 1;
+  padding: @fullSizeSidenavBtnPadding;
 }
 
 /* Global Button Styles */

diff --git a/theme/themes/eea/elements/button.variables b/theme/themes/eea/elements/button.variables
@@ -417,3 +417,4 @@
 
 /* Pastanaga Toolbar Button */
 @toolbarButtonLineHeight: 0.75;
+@fullSizeSidenavBtnPadding: 6px;
diff --git a/theme/themes/eea/elements/container.overrides b/theme/themes/eea/elements/container.overrides
@@ -65,6 +65,21 @@ body {
   .contentWidth(0);
 }
 
+// WIP container fixes for edit interface
+.section-edit .container {
+    max-width: 1120px !important;
+}
+@media only screen and (max-width: 1600px) {
+  .has-sidebar.section-edit .container {
+    margin-left: 0 !important;
+  }
+}
+@media only screen and (min-width: 1601px) {
+  .has-sidebar.section-edit .main.bar .ui.container {
+    margin-left: 10% !important;
+  }
+}
+
 .drag.handle.wrapper {
   margin-left: -15px !important;
 }

diff --git a/theme/themes/eea/extras/custom.overrides b/theme/themes/eea/extras/custom.overrides
@@ -58,3 +58,28 @@
 .block .ui.basic.button.delete-button {
   z-index: @z-index-5;
 }
+
+
+// inherit font weight of styled headers so that if we set 300 weight it's visible also on
+// the edit page
+#page-edit .slate .styled h1,
+#page-edit .slate .styled h2,
+#page-edit .slate .styled h3,
+#page-edit .slate .styled h4,
+#page-edit .slate .styled h5,
+#page-edit .slate .styled h6 {
+  font-weight: inherit;
+}
+
+// tweak padding of workflow progress titles now that
+// we have larger font size
+.progress__item .progress__title {
+  padding-top: 0;
+  line-height: 25px; // center bullet of progress item
+}
+
+// inherit color of description and link from homepage cards
+.homepage .ui.items > .item > .content > .description,
+.homepage .grid-block-teaser a {
+  color: inherit;
+}
diff --git a/theme/themes/eea/extras/footer.variables b/theme/themes/eea/extras/footer.variables
@@ -41,7 +41,7 @@
 
 /* EIONET Logo */
 @tabletEionetLogoWidth               : 225px;
-@computerEionetLogoWidth             : 260px;
+@computerEionetLogoWidth             : 259px; // 260px was rendering the image fuzzy
 @tabletEionetLogoMarginLeft          : @space-3;
 
 /* Contact Info */

diff --git a/theme/themes/eea/extras/header.less b/theme/themes/eea/extras/header.less
@@ -302,6 +302,11 @@
   z-index: 1;
   width: 100%;
 }
+// reduce width of header when we have toolbar open for better placement
+.has-toolbar.homepage .eea.header {
+    width: 96%;
+}
+
 /*----------------------------------------------------------------------------
   Header Actions - Burger and Search Icons
 ----------------------------------------------------------------------------*/
@@ -481,7 +486,7 @@
         flex-wrap: wrap;
         display: flex;
         width: 88%;
-        max-height: 20px;
+        max-height: 100%;
         justify-content: space-between;
         margin: 0;
 
@@ -644,7 +649,13 @@
 }
 
 #main #mega-menu .ui.accordion .title:first-child {
-  display: none; // hide home link from mobile menu
+  display: flex;
+}
+//#main #mega-menu .ui.accordion .title:first-child {
+//  display: none; // hide home link from mobile menu
+//}
+#main #mega-menu .mobile > .ui.accordion > .title:first-child {
+  display: none;
 }
 
 @media all and (max-width: @tabletBreakpoint - 1) {

diff --git a/theme/themes/eea/extras/header.variables b/theme/themes/eea/extras/header.variables
@@ -96,7 +96,7 @@
 @logoWidth                            : 100%;
 @mobileLogoMaxWidth                   : 122px;
 @tabletLogoMaxWidth                   : 252px;
-@computerLogoMaxWidth                 : 348px;
+@computerLogoMaxWidth                 : 347px; //348 rendered fuzzy :(
 @mobileLogoMarginTop                  : @rem-space-2;
 @tabletLogoMarginTop                  : @rem-space-3-5;
 @computerLogoMarginTop                : @rem-space-5;

diff --git a/theme/themes/eea/views/card.overrides b/theme/themes/eea/views/card.overrides
@@ -31,6 +31,12 @@
   font-size: @metaFontSize;
 }
 
+// add bottom margin also when meta isn't inside .content
+//
+.ui.cards > .card .meta, .ui.card .meta {
+    margin-bottom: @rem-space-4;
+}
+
 .ui.card .extra.content a {
   font-weight: @contentLinkFontWeight;
 

diff --git a/theme/themes/eea/views/card.variables b/theme/themes/eea/views/card.variables
@@ -84,7 +84,7 @@
 /* Metadata */
 @metaFontSize: @relativeMedium;
 @metaSpacing: 0.3em;
-@metaColor: @oldSilver;
+@metaColor: @tertiaryColor;
 
 /* Icons */
 @actionOpacity: 0.75;