VOTE-943 configure and style the sitemap

config/sync/block.block.votegov_htmlsitemap.yml

@@ -20,8 +20,8 @@ settings:
   label_display: '0'
   provider: system
   level: 1
-  depth: 1
-  expand_all_items: false
+  depth: 3
+  expand_all_items: true
   only_translated_labels: 0
   only_translated_content: 0
 visibility: {  }

config/sync/views.view.sitemap.yml

@@ -4,7 +4,6 @@ status: true
 dependencies:
   config:
     - node.type.state_territory
-    - system.menu.footer
   module:
     - node
     - user
@@ -241,7 +240,14 @@ display:
         groups:
           1: AND
       style:
-        type: default
+        type: html_list
+        options:
+          grouping: {  }
+          row_class: ''
+          default_row_class: false
+          type: ul
+          wrapper_class: ''
+          class: 'usa-list usa-list--unstyled'
       row:
         type: fields
       query:

web/themes/custom/votegov/src/sass/components/_index.scss

@@ -16,5 +16,6 @@
 @forward "feature-cards";
 @forward "quick-links";
 @forward "basic";
-@forward "registration-tool"
+@forward "registration-tool";
+@forward "sitemap";
 

web/themes/custom/votegov/src/sass/components/sitemap.scss

@@ -0,0 +1,22 @@
+@use "uswds-core" as *;
+
+.vote-sitemap {
+  @include u-margin-y(4);
+
+  li > ul {
+    @include u-margin-y(2);
+  }
+}
+
+.vote-sitemap--register {
+  ul {
+    @include at-media('mobile-lg') {
+      column-count: 2;
+      column-gap: 2rem;
+    }
+
+    @include at-media('tablet-lg') {
+      column-count: 3;
+    }
+  }
+}

web/themes/custom/votegov/templates/embedded-content/ec-placeholder--sitemap-menu.html.twig

@@ -1,3 +1,3 @@
-<div class="sitemap">
-  {{ drupal_entity('block', 'htmlsitemap') }}
-</div>
+<nav class="vote-sitemap vote-sitemap--menu">
+  {{ drupal_entity('block', 'votegov_htmlsitemap') }}
+</nav>

web/themes/custom/votegov/templates/navigation/menu--main--votegov-htmlsitemap.html.twig

@@ -0,0 +1,22 @@
+{% import _self as menus %}
+
+{{ menus.menu_links(items, 0) }}
+
+{% macro menu_links(items, menu_level) %}
+  {% import _self as menus %}
+  {% if items %}
+    {% if menu_level == 0 %}
+      <ul class="usa-list usa-list--unstyled">
+    {% else %}
+      <ul>
+    {% endif %}
+    {% for item in items %}
+      <li>{{ link(item.title, item.url) }}
+        {% if item.below %}
+          {{ menus.menu_links(item.below, menu_level + 1) }}
+        {% endif %}
+      </li>
+    {% endfor %}
+  </ul>
+  {% endif %}
+{% endmacro %}

web/themes/custom/votegov/templates/views/views-view--sitemap.html.twig

@@ -0,0 +1,13 @@
+{#
+/**
+ * @file
+ * Theme override for a main view:sitemap template.
+ */
+#}
+<nav class="vote-sitemap vote-sitemap--register">
+  {% if rows %}
+      {{ rows }}
+  {% elseif empty %}
+      {{ empty }}
+  {% endif %}
+</nav>