Merge pull request #92 from brandonbk/sitemap-styling-cleanup

Sitemap styling cleanup
parameter1 · Jun 1, 2021 · 8cdc29d · 8cdc29d
2 parents 91aa893 + 194b511
commit 8cdc29d
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 12 deletions.
diff --git a/packages/marko-web-html-sitemap/routes/index.js b/packages/marko-web-html-sitemap/routes/index.js
@@ -32,7 +32,7 @@ const ALL_PUBLISHED_CONTENT_DATES = gql`
   }
 `;
 
-module.exports = (app, { mountPoint } = { mountPoint: '/html-sitemap' }) => {
+module.exports = (app, { mountPoint } = { mountPoint: '/site-map' }) => {
   app.get(`${mountPoint}/:year(\\d{4})/:month(\\d{2})/:day(\\d{2})`, asyncRoute(async (req, res) => {
     const { year, month, day } = req.params;
 

diff --git a/packages/marko-web-html-sitemap/scss/index.scss b/packages/marko-web-html-sitemap/scss/index.scss
@@ -1,8 +1,8 @@
 $primary: #000 !default;
 .sitemap {
   .breadcrumb {
+    font-size: 1.5rem;
     background: transparent;
-
   }
   .page-wrapper {
     &__title {
@@ -16,25 +16,31 @@ $primary: #000 !default;
     }
   }
   .node-list {
-    &--published-content-list {
-      margin-bottom: 1.5rem;
+    &__node {
+      font-size: 1.1rem;
     }
   }
+  .pagination-controls {
+    padding-top: 1.2rem;
+    margin-bottom: 1.5rem;
+  }
   .row {
     &__dates {
-      overflow:hidden;
       padding-right: .5rem;
       padding-left: .5rem;
       margin-bottom: 1.5rem;
+      overflow: hidden;
     }
   }
   .col {
     &__date {
-      border-bottom: 1px solid #ccc;
-      margin-bottom:-1px;
-      margin-top:1px;
-      text-align: center;
       padding: .75rem .5rem;
+      margin-top: 1px;
+      margin-bottom: -1px;
+      font-size: 1.1rem;
+      text-align: center;
+      border-bottom: 1px solid #ccc;
+
       &--year,
       &--day {
         @include media-breakpoint-down(sm) {

diff --git a/packages/marko-web-html-sitemap/templates/date-list.marko b/packages/marko-web-html-sitemap/templates/date-list.marko
@@ -11,7 +11,7 @@ $ const {
 
 $ const type = "sitemap";
 $ const pageNode = {
-  title: "Sitemap",
+  title: "Site Map",
 };
 $ switch (displayType) {
   case "day":

diff --git a/packages/marko-web-html-sitemap/templates/day.marko b/packages/marko-web-html-sitemap/templates/day.marko
@@ -14,7 +14,7 @@ $ const perPage = 1000;
 $ const type = "sitemap";
 $ const date = `${month} ${day}, ${year}`;
 $ const pageNode = {
-  title: "Sitemap",
+  title: "Site Map",
   description: `All ${config.siteName()} stories published on ${date}`,
 };
 <marko-web-default-page-layout type=type title=pageNode.title description=pageNode.description>
@@ -40,7 +40,6 @@ $ const pageNode = {
           <marko-web-node-list
             inner-justified=false
             flush-x=true
-            flush-y=true
             modifiers=["published-content-list"]
           >
             <@nodes nodes=nodes>