3.x - hide components (#899)

* v3.6.18...v3.6.19 * Started work on hiding components. * Updates to get header working. * Making background and cta visible again.
uiowa · Nov 9, 2023 · 3e31270 · 3e31270
1 parent f9a0b56
commit 3e31270
Show file tree

Hide file tree

Showing 21 changed files with 32 additions and 30 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -1,5 +1,6 @@
 title: Colors
 order: 0
 status: wip
+hidden: true
 context:
     test: test
diff --git a/src/components/branding/footer/README.md → src/components/footer/README.md b/src/components/branding/footer/README.md → src/components/footer/README.md
diff --git a/...ponents/branding/footer/footer.config.yml → src/components/footer/footer.config.yml b/...ponents/branding/footer/footer.config.yml → src/components/footer/footer.config.yml
diff --git a/src/components/branding/footer/footer.scss → src/components/footer/footer.scss b/src/components/branding/footer/footer.scss → 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 → src/components/footer/footer.twig b/src/components/branding/footer/footer.twig → src/components/footer/footer.twig
diff --git 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
@@ -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
@@ -1,3 +1,4 @@
 title: Typography
 order: 0
-collate: true
+hidden: true
+collate: true
diff --git a/theme/views/layouts/skeleton.nunj b/theme/views/layouts/skeleton.nunj
@@ -17,6 +17,7 @@
     })(window,document,'script','dataLayer','GTM-M3CZHFV');</script>
   <!-- End Google Tag Manager -->
   {% include 'partials/head.nunj' %}
+
 </head>
 <body>
 <!-- Google Tag Manager (noscript) -->

diff --git a/theme/views/partials/alert.nunj b/theme/views/partials/alert.nunj
@@ -0,0 +1,11 @@
+  <div role="alert">
+    <div class="uiowa-alerts-wrapper">
+      <div class="alert alert-info">
+        <div class="hawk-alert-message">
+                  <span class="hawk-alert-body">
+            <p><i class="fas fa-info-circle"></i> <a style="display:inline;" class="hawk-alert-link alert-link" href="https://uids.brand.uiowa.edu/latest/">There's a new version of UIDS!</a></p>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
diff --git a/theme/views/partials/content/overview.nunj b/theme/views/partials/content/overview.nunj
@@ -1,22 +1,3 @@
 {% import 'macros/status.nunj' as status %}
 
 <p><strong>UIDS</strong> 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 <a href="https://brand.uiowa.edu/">Brand Manual website</a>.</p>
-
-<h2>Component Statuses</h2>
-<p>Components and their variants have been given statuses reflecting their state of completion. The available statuses are listed below.</p>
-<table class="table is-striped">
-    <thead>
-    <tr>
-        <th>Label</th>
-        <th>Description</th>
-    </tr>
-    </thead>
-    <tbody>
-    {% for handle, st in frctl.get('components.statuses') %}
-        <tr>
-            <td>{{ status.tag(st) }}</td>
-            <td>{{ st.description }}</td>
-        </tr>
-    {% endfor %}
-    </tbody>
-</table>
diff --git a/theme/views/partials/header.nunj b/theme/views/partials/header.nunj
@@ -1,4 +1,5 @@
 <header class="iowa-bar iowa-bar--narrow">
+{% include 'partials/alert.nunj' %}
   <div class="iowa-bar__container">
     <button class="Header-button Header-navToggle" data-action="toggle-sidebar">
       {% include 'icons/close-nav.svg' %}
@@ -31,3 +32,4 @@
     {#      {% endif %}#}
   </div>
 </header>
+