Merge pull request #635 from CuBoulder/claro-theme

Claro theme mini-update
CuBoulder · Jan 26, 2024 · 729abf9 · 729abf9
2 parents b36fb82 + e14e929
commit 729abf9
Show file tree

Hide file tree

Showing 7 changed files with 44 additions and 5 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -9,6 +9,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+- ### Claro theme mini-update
+  Fixes for the `layout-container` and local-tasks css
+---
+
 - ### Adds label fields for "Department" and "Job Type" on People List Pages
   Resolves CuBoulder/tiamat-theme#626
 

diff --git a/css/style.css b/css/style.css
@@ -321,6 +321,41 @@ ul.ucb-main-menu.nav {
 }
 
 /****** Local Tasks ********/
+.ucb-local-tasks {
+  top: 0;
+  width: 100%;
+  background-color: var(--ucb-link);
+  z-index: 99;
+  height: 32px;
+  padding: 0;
+  margin: 0;
+}
+
+.ucb-local-tasks ul {
+  display: flex;
+  list-style-type: none;
+  align-items: center;
+  justify-content: flex-start;
+  padding: 0;
+  margin: 0;
+}
+
+.ucb-local-tasks ul li {
+  width: 100px;
+  padding: 0.25em;
+  text-align: center;
+  background-color: inherit;
+  color: inherit;
+}
+
+.ucb-local-tasks ul li:hover {
+  background-color: rgba(255 255 255 / 15%);
+  transition: background-color 200ms;
+}
+
+.ucb-local-tasks li>a:hover {
+  color: #fff;
+}
 
 
 /********* Footer ***********/

diff --git a/templates/layout/page--403.html.twig b/templates/layout/page--403.html.twig
@@ -44,7 +44,7 @@
  */
 #}
 
-<div class="ucb-page-container">
+<div class="layout-container ucb-page-container">
   {{ block("page_header", "page.html.twig") }}
   <div{{ create_attribute({ class: ['ucb-page-content', ucb_heading_font == 'normal' ? 'ucb-heading-font-normal'] }) }}>
     {{ page.highlighted }}

diff --git a/templates/layout/page--search.html.twig b/templates/layout/page--search.html.twig
@@ -46,7 +46,7 @@
 
 {{ attach_library('boulder_base/ucb-search-page') }}
 
-<div class="ucb-page-container">
+<div class="layout-container ucb-page-container">
   {{ block("page_header", "page.html.twig") }}
   <div{{ create_attribute({ class: ['ucb-page-content', ucb_heading_font == 'normal' ? 'ucb-heading-font-normal'] }) }}>
     {{ page.highlighted }}

diff --git a/templates/layout/page--user--login.html.twig b/templates/layout/page--user--login.html.twig
@@ -47,7 +47,7 @@
 {{ attach_library('boulder_base/ucb-user-login') }}
 
 
-<div class="ucb-page-container">
+<div class="layout-container ucb-page-container">
   {{ block("page_header", "page.html.twig") }}
   <div{{ create_attribute({ class: ['ucb-page-content', ucb_heading_font == 'normal' ? 'ucb-heading-font-normal'] }) }}>
     {{ page.highlighted }}

diff --git a/templates/layout/page--user.html.twig b/templates/layout/page--user.html.twig
@@ -46,7 +46,7 @@
 
 {{ attach_library('boulder_base/ucb-user-page') }}
 
-<div class="ucb-page-container">
+<div class="layout-container ucb-page-container">
   {{ block("page_header", "page.html.twig") }}
   <div{{ create_attribute({ class: ['ucb-page-content', ucb_heading_font == 'normal' ? 'ucb-heading-font-normal'] }) }}>
     {{ page.highlighted }}

diff --git a/templates/layout/page.html.twig b/templates/layout/page.html.twig
@@ -46,7 +46,7 @@
 
 
 
-<div class="ucb-page-container highlight-style">
+<div class="layout-container ucb-page-container highlight-style">
   {# HEADER CONTENT #}
   {% block page_header %}
     {{ attach_library('boulder_base/ucb-social-media') }}