From 3e31270f26f0c60ab00c8d47b7b63eb021984df3 Mon Sep 17 00:00:00 2001 From: bspeare Date: Thu, 9 Nov 2023 09:32:37 -0600 Subject: [PATCH] 3.x - hide components (#899) * https://github.com/uiowa/uids/compare/v3.6.18...v3.6.19 * Started work on hiding components. * Updates to get header working. * Making background and cta visible again. --- src/assets/scss/components/footer.scss | 2 +- src/assets/scss/theme.scss | 4 +++- src/assets/scss/uids-base.scss | 2 +- src/assets/scss/uids.scss | 2 +- src/components/alert/alert.config.yml | 1 + .../branding/iowa-bar/iowa-bar.config.yml | 1 + src/components/branding/logo/logo.config.yml | 2 +- src/components/button/button.config.yml | 1 + src/components/card/card.config.yml | 2 +- src/components/colors/colors.config.yml | 1 + .../{branding => }/footer/README.md | 0 .../{branding => }/footer/footer.config.yml | 0 .../{branding => }/footer/footer.scss | 4 ++-- .../{branding => }/footer/footer.twig | 0 src/components/media/media.config.yml | 2 +- .../menus/main-menu/main-menu.config.yml | 2 +- .../typography/typography.config.yml | 3 ++- theme/views/layouts/skeleton.nunj | 1 + theme/views/partials/alert.nunj | 11 +++++++++++ theme/views/partials/content/overview.nunj | 19 ------------------- theme/views/partials/header.nunj | 2 ++ 21 files changed, 32 insertions(+), 30 deletions(-) rename src/components/{branding => }/footer/README.md (100%) rename src/components/{branding => }/footer/footer.config.yml (100%) rename src/components/{branding => }/footer/footer.scss (98%) rename src/components/{branding => }/footer/footer.twig (100%) create mode 100644 theme/views/partials/alert.nunj diff --git a/src/assets/scss/components/footer.scss b/src/assets/scss/components/footer.scss index 85f29f943f..d366879a61 100644 --- a/src/assets/scss/components/footer.scss +++ b/src/assets/scss/components/footer.scss @@ -2,4 +2,4 @@ @import "../../../components/branding/logo/logo.scss"; @import "../../../components/branding/site-name/site-name.scss"; @import "../../../components/branding/parent-site-name/parent-site-name.scss"; -@import '../../../components/branding/footer/footer.scss'; +@import '../../../components/footer/footer.scss'; diff --git a/src/assets/scss/theme.scss b/src/assets/scss/theme.scss index 0904727898..27d6405191 100644 --- a/src/assets/scss/theme.scss +++ b/src/assets/scss/theme.scss @@ -1,10 +1,12 @@ @import url('https://use.fontawesome.com/releases/v5.8.2/css/all.css'); @import 'variables'; @import 'utilities'; +@import "_base.scss"; @import '_local-fonts.scss'; @import 'typography/headings/headings.scss'; @import 'typography/paragraph/paragraph.scss'; @import 'tables/tables.scss'; +@import 'alert/alert.scss'; @import 'branding/logo/logo.scss'; @import 'branding/site-name/site-name.scss'; @import 'branding/iowa-bar/iowa-bar.scss'; @@ -124,7 +126,7 @@ h1 { margin-top: 0; @include breakpoint(md) { - margin-top: $header-height; + margin-top: 100px; } } diff --git a/src/assets/scss/uids-base.scss b/src/assets/scss/uids-base.scss index b0a4e80a83..550e3f9f79 100644 --- a/src/assets/scss/uids-base.scss +++ b/src/assets/scss/uids-base.scss @@ -1,7 +1,7 @@ @import url('https://use.fontawesome.com/releases/v5.8.2/css/all.css'); @import '_variables.scss'; @import '_utilities.scss'; -@import 'base'; +@import '_base.scss'; @import '_layout-main.scss'; @import '_local-fonts.scss'; @import 'typography/paragraph/paragraph.scss'; diff --git a/src/assets/scss/uids.scss b/src/assets/scss/uids.scss index 7cebaabc1e..2b37da36f1 100644 --- a/src/assets/scss/uids.scss +++ b/src/assets/scss/uids.scss @@ -21,7 +21,7 @@ $imgpath: '../../assets/images'; 'branding/logo/logo.scss', 'branding/site-name/site-name.scss', 'branding/parent-site-name/parent-site-name.scss', -'branding/footer/footer.scss', +'footer/footer.scss', // Components 'accordion/accordion.scss', 'alert/alert.scss', diff --git a/src/components/alert/alert.config.yml b/src/components/alert/alert.config.yml index 49dc4215b6..87fe7e7e54 100755 --- a/src/components/alert/alert.config.yml +++ b/src/components/alert/alert.config.yml @@ -2,6 +2,7 @@ title: Alerts status: wip order: 20 collated: true +hidden: true variants: - name: default label: Hawk Alert diff --git a/src/components/branding/iowa-bar/iowa-bar.config.yml b/src/components/branding/iowa-bar/iowa-bar.config.yml index bda83f926a..16838ad99f 100644 --- a/src/components/branding/iowa-bar/iowa-bar.config.yml +++ b/src/components/branding/iowa-bar/iowa-bar.config.yml @@ -1,5 +1,6 @@ title: IOWA Bar order: 10 +hidden: true meta: dependencies: stylesheets: diff --git a/src/components/branding/logo/logo.config.yml b/src/components/branding/logo/logo.config.yml index 75e60c239c..d99ae4fd10 100755 --- a/src/components/branding/logo/logo.config.yml +++ b/src/components/branding/logo/logo.config.yml @@ -1,6 +1,6 @@ label: Logo order: 0 -hidden: false +hidden: true collated: false context: logo_fallback_path: ../../assets/images/uiowa-primary.png diff --git a/src/components/button/button.config.yml b/src/components/button/button.config.yml index 082d31c8cf..da9e4f1c72 100755 --- a/src/components/button/button.config.yml +++ b/src/components/button/button.config.yml @@ -2,6 +2,7 @@ title: Button order: 10 status: wip collated: false +hidden: true meta: dependencies: stylesheets: diff --git a/src/components/card/card.config.yml b/src/components/card/card.config.yml index 2dbc0af432..e0d6a241f1 100644 --- a/src/components/card/card.config.yml +++ b/src/components/card/card.config.yml @@ -1,7 +1,7 @@ title: Card status: ready order: 30 -hidden: false +hidden: true meta: dependencies: stylesheets: diff --git a/src/components/colors/colors.config.yml b/src/components/colors/colors.config.yml index fe9e87017e..699d3bb747 100755 --- a/src/components/colors/colors.config.yml +++ b/src/components/colors/colors.config.yml @@ -1,5 +1,6 @@ title: Colors order: 0 status: wip +hidden: true context: test: test diff --git a/src/components/branding/footer/README.md b/src/components/footer/README.md similarity index 100% rename from src/components/branding/footer/README.md rename to src/components/footer/README.md diff --git a/src/components/branding/footer/footer.config.yml b/src/components/footer/footer.config.yml similarity index 100% rename from src/components/branding/footer/footer.config.yml rename to src/components/footer/footer.config.yml diff --git a/src/components/branding/footer/footer.scss b/src/components/footer/footer.scss similarity index 98% rename from src/components/branding/footer/footer.scss rename to src/components/footer/footer.scss index 88d18f2dd9..1dd4968fd8 100644 --- a/src/components/branding/footer/footer.scss +++ b/src/components/footer/footer.scss @@ -1,5 +1,5 @@ -@import '../../../assets/scss/variables'; -@import '../../../assets/scss/utilities'; +@import '../../assets/scss/variables'; +@import '../../assets/scss/utilities'; .footer { position: relative; diff --git a/src/components/branding/footer/footer.twig b/src/components/footer/footer.twig similarity index 100% rename from src/components/branding/footer/footer.twig rename to src/components/footer/footer.twig diff --git a/src/components/media/media.config.yml b/src/components/media/media.config.yml index 9fa5a8cdbf..9eb0225ac6 100644 --- a/src/components/media/media.config.yml +++ b/src/components/media/media.config.yml @@ -1,4 +1,4 @@ -hidden: false +hidden: true meta: dependencies: stylesheets: diff --git a/src/components/menus/main-menu/main-menu.config.yml b/src/components/menus/main-menu/main-menu.config.yml index d1baa34f0a..f1297d7bec 100755 --- a/src/components/menus/main-menu/main-menu.config.yml +++ b/src/components/menus/main-menu/main-menu.config.yml @@ -1,5 +1,5 @@ title: Main Menu -hidden: false +hidden: true order: 4 status: wip meta: diff --git a/src/components/typography/typography.config.yml b/src/components/typography/typography.config.yml index db20aa7e00..25bd77e698 100644 --- a/src/components/typography/typography.config.yml +++ b/src/components/typography/typography.config.yml @@ -1,3 +1,4 @@ title: Typography order: 0 -collate: true \ No newline at end of file +hidden: true +collate: true diff --git a/theme/views/layouts/skeleton.nunj b/theme/views/layouts/skeleton.nunj index a19ad901d7..44347df73e 100644 --- a/theme/views/layouts/skeleton.nunj +++ b/theme/views/layouts/skeleton.nunj @@ -17,6 +17,7 @@ })(window,document,'script','dataLayer','GTM-M3CZHFV'); {% include 'partials/head.nunj' %} + diff --git a/theme/views/partials/alert.nunj b/theme/views/partials/alert.nunj new file mode 100644 index 0000000000..9497be7f30 --- /dev/null +++ b/theme/views/partials/alert.nunj @@ -0,0 +1,11 @@ +
+
+
+
+ +

There's a new version of UIDS!

+ +
+
+
+
diff --git a/theme/views/partials/content/overview.nunj b/theme/views/partials/content/overview.nunj index 60da52aff9..a50313ea88 100755 --- a/theme/views/partials/content/overview.nunj +++ b/theme/views/partials/content/overview.nunj @@ -1,22 +1,3 @@ {% import 'macros/status.nunj' as status %}

UIDS is a design system to support building applications that support the University of Iowa brand. You can learn about the available components by browsing through them using the navigation on the left. You can read more at the Brand Manual website.

- -

Component Statuses

-

Components and their variants have been given statuses reflecting their state of completion. The available statuses are listed below.

- - - - - - - - - {% for handle, st in frctl.get('components.statuses') %} - - - - - {% endfor %} - -
LabelDescription
{{ status.tag(st) }}{{ st.description }}
diff --git a/theme/views/partials/header.nunj b/theme/views/partials/header.nunj index 09c25653e9..03fc2142b2 100644 --- a/theme/views/partials/header.nunj +++ b/theme/views/partials/header.nunj @@ -1,4 +1,5 @@
+{% include 'partials/alert.nunj' %}
+