Footer links update (and a few style updates) (#133)

* Footer links update (and a few style updates)

* bump components version

Author: brdunfield

cypress/e2e/home.cy.js

@@ -37,13 +37,11 @@ context('Home', () => {
   it('When on the home page I can see the elements on the leftnav footer menu', () => {
     const footerLinks = [
       'Documentation',
-      'Visit Demo',
       'Download',
       'CivicActions',
       'Project Open Data',
       'DCAT',
       'Drupal',
-      'Open Source Open Data',
     ];
     cy.get('.dc-footer').within(() => {
       footerLinks.forEach((text) => cy.findByRole('link', { name: text }).should('exist'))

package-lock.json

@@ -4,7 +4,7 @@
   "private": false,
   "homepage": "frontend/build",
   "dependencies": {
-    "@civicactions/data-catalog-components": "1.17.0",
+    "@civicactions/data-catalog-components": "1.17.1",
     "@fortawesome/fontawesome-svg-core": "^6.4.2",
     "@fortawesome/free-brands-svg-icons": "^6.4.2",
     "@fortawesome/free-solid-svg-icons": "^6.4.2",

package.json

@@ -29,12 +29,7 @@
   "footer1": [
     {
       "label": "Documentation",
-      "url": "https://docs.getdkan.com",
-      "target": "_blank"
-    },
-    {
-      "label": "Visit Demo",
-      "url": "https://demo.getdkan.com",
+      "url": "https://dkan.readthedocs.io/en/latest/index.html",
       "target": "_blank"
     },
     {
@@ -61,11 +56,6 @@
       "label": "Drupal",
       "url": "https://drupal.org",
       "target": "_blank"
-    },
-    {
-      "label": "Open Source Open Data",
-      "url": "https://opensourceopendata.org",
-      "target": "_blank"
     }
   ]
 }

src/assets/menu.json

@@ -22,8 +22,8 @@ const About = () => (
                     </Announcement>
                 </div>
             </div>
+            <h2>App version:</h2>
             <div className="dc-page-content row">
-                <h2>App version:</h2>
                 <div className="col-12">
                     <p>data-catalog-app: {version}</p>
                     <p>data-catalog-components: {dependencies["@civicactions/data-catalog-components"]}</p>

src/templates/about/index.jsx

@@ -41,14 +41,16 @@
     }
     p {
       margin: 0 2em 1em 0;
+      &:last-child {
+        line-height: 2rem;
+      }
     }
     .social {
-      margin: 1em 0 0 0;
+      margin: 1em 0 0 1em;
       svg {
         font-size: 25px;
         fill: #FFFFFF;
         opacity: 0.5;
-        margin: 0 1em 1em 0;
         &:hover {
           opacity: 1;
         }

src/theme/index.css

@@ -41,7 +41,6 @@ body {
     border-color: $borderColor;
   }
   .form-control {
-    font-size: 1.6rem;
     margin-bottom: 15px;
   }
 }

src/theme/index.css.map

@@ -12,7 +12,7 @@
     margin-bottom: 10px;
     a {
       color: $headingColor;
-      font-size: 1.8rem;
+      font-size: 1.15rem;
     }
   }
   .dc-slogan {

src/theme/styles/footer.scss

@@ -16,7 +16,6 @@
     }
     select {
       display: inline-block;
-      max-width: 80px;
       width: auto;
       height: 32px;
       border: 1px solid $grayLight;

src/theme/styles/general.scss

@@ -1,6 +1,6 @@
 @import "../variables";
 
-.dc-search-input.form-group {
+.dc-search-input {
   display: flex;
 
   input[type="text"] {
@@ -40,7 +40,7 @@
 }
 
 @media screen and (max-width: 768px) {
-  .dc-search-input.form-group {
+  .dc-search-input {
     position: relative;
     top: auto;
     right: auto;