From c8aecd1b14e4efbf27244dcb979d0abdf3ae9349 Mon Sep 17 00:00:00 2001 From: Joshua Nicholson <94021017+jnicholCU@users.noreply.github.com> Date: Thu, 2 Nov 2023 12:45:14 -0600 Subject: [PATCH 1/3] Update video-reveal.css Fixed video reveal spacing and aspect ratio. --- css/block/video-reveal.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/css/block/video-reveal.css b/css/block/video-reveal.css index a6bdd016..5acceb80 100644 --- a/css/block/video-reveal.css +++ b/css/block/video-reveal.css @@ -1,12 +1,16 @@ .ucb-video-reveal { margin-top: 20px; - aspect-ratio: 16/9; } .ucb-video-text-div { position: relative; } +.ucb-edge-to-edge .ucb-video-reveal-text { + padding-left: 50px; + padding-right: 50px; +} + .ucb-video-reveal-controls { position: absolute; top: 50%; @@ -41,6 +45,7 @@ span.ucb-vid-reveal-icon { .ucb-video-reveal-image img { width: 100%; + padding-bottom: 20px; } .ucb-video-reveal-image .media-image-caption { @@ -52,7 +57,6 @@ span.ucb-vid-reveal-icon { padding-bottom: 0px; max-height: 600px; object-fit: cover; - aspect-ratio: 16/9; } .ucb-video-reveal-video-wrapper{ From 2f411eeee81c80d1820d0f820e776bdb979617be Mon Sep 17 00:00:00 2001 From: Joshua Nicholson <94021017+jnicholCU@users.noreply.github.com> Date: Thu, 2 Nov 2023 15:01:35 -0600 Subject: [PATCH 2/3] Styling fixes Rest of styling fixes Overlay title sizing Titles padding Breadcrumb fixes for setting options --- boulder_base.theme | 1 + css/block/content-grid.css | 6 ++---- css/style.css | 5 +---- css/ucb-page.css | 6 +++++- css/ucb-people-list.css | 4 ++++ css/ucb-person.css | 2 ++ templates/layout/page.html.twig | 2 ++ 7 files changed, 17 insertions(+), 9 deletions(-) diff --git a/boulder_base.theme b/boulder_base.theme index fa55bb7f..78eeda80 100755 --- a/boulder_base.theme +++ b/boulder_base.theme @@ -78,6 +78,7 @@ function boulder_base_preprocess_page(array &$variables) { $variables['site_slogan'] = $config->get('slogan'); $variables['ucb_secondary_menu_position'] = theme_get_setting('ucb_secondary_menu_position'); $variables['ucb_footer_menu_default_links'] = theme_get_setting('ucb_footer_menu_default_links'); + $variables['show_breadcrumb'] = theme_get_setting('ucb_breadcrumb_nav'); $variables['theme_path'] = base_path() . $variables['directory']; $variables['ucb_campus_header_color'] = theme_get_setting('ucb_campus_header_color'); $variables['ucb_header_color'] = $headerColor = theme_get_setting('ucb_header_color'); diff --git a/css/block/content-grid.css b/css/block/content-grid.css index fdec6de5..c74f673a 100644 --- a/css/block/content-grid.css +++ b/css/block/content-grid.css @@ -74,7 +74,7 @@ margin-bottom: 1em; } -.overlay-grid-image-container h3 { +.overlay-grid-image-container h2, .overlay-grid-image-container h3 { padding: 0.75rem; position: absolute; bottom: 0; @@ -83,11 +83,9 @@ margin-bottom: 0; color: white; width: 100%; + font-size: 100% } -.overlay-grid-text { - margin-bottom: 1em; -} /*** Offest Grid Layout ***/ .grid-image-container-large .grid-fill { diff --git a/css/style.css b/css/style.css index 942ed8ac..109114fe 100644 --- a/css/style.css +++ b/css/style.css @@ -23,15 +23,12 @@ text-rendering: optimizelegibility; } - .ucb-page-content { - } - .ucb-breadcrumb-region { padding: 10px 0; } main { - padding: 0 0 10px 0; + padding: 0 0 0px 0; } h1, diff --git a/css/ucb-page.css b/css/ucb-page.css index 23784d87..c504083a 100755 --- a/css/ucb-page.css +++ b/css/ucb-page.css @@ -1,3 +1,7 @@ /* Placeholder for styles for the basic page - */ \ No newline at end of file + */ + + .ucb-page-title { + padding-top: 10px; +} \ No newline at end of file diff --git a/css/ucb-people-list.css b/css/ucb-people-list.css index 91524e2c..2e806543 100644 --- a/css/ucb-people-list.css +++ b/css/ucb-people-list.css @@ -1,3 +1,7 @@ +.ucb-people-list-title { + padding-top: 10px; +} + .ucb-list-msg { font-size: 1.25em; font-weight: bolder; diff --git a/css/ucb-person.css b/css/ucb-person.css index 65dcbeb0..ade2b708 100644 --- a/css/ucb-person.css +++ b/css/ucb-person.css @@ -1,8 +1,10 @@ .ucb-person-header { + padding-top: 1em; margin-bottom: 10px; } .ucb-person-name { + padding-top: 10px; margin-bottom: 0; } diff --git a/templates/layout/page.html.twig b/templates/layout/page.html.twig index 8d53f4ab..c23afb94 100644 --- a/templates/layout/page.html.twig +++ b/templates/layout/page.html.twig @@ -138,9 +138,11 @@ {# MAIN PAGE CONTENT #}
+ {% if show_breadcrumb %}
{{ page.breadcrumb }}
+ {% endif %} {{ page.highlighted }} From c8ded03e185b1fc088eeca424def2029563af46b Mon Sep 17 00:00:00 2001 From: Joshua Nicholson <94021017+jnicholCU@users.noreply.github.com> Date: Thu, 2 Nov 2023 15:20:22 -0600 Subject: [PATCH 3/3] Update style.css Unnecessary 10px (adds space when things like images need to be flesh with the footer) --- css/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/style.css b/css/style.css index bbde32b5..86e63104 100644 --- a/css/style.css +++ b/css/style.css @@ -28,7 +28,7 @@ body { } main { - padding: 0 0 10px 0; + padding: 0 0 0 0; } h1,