MIDRC index/nav changes (#1051)

Co-authored-by: Marcelo Costa <marceloc@uchicago.edu>
uc-cdis · Nov 16, 2020 · 61e9b66 · 61e9b66
1 parent 2be6059
commit 61e9b66
Show file tree

Hide file tree

Showing 2 changed files with 54 additions and 19 deletions.
diff --git a/qa-midrc.planx-pla.net/portal/gitops.css b/qa-midrc.planx-pla.net/portal/gitops.css
@@ -72,12 +72,26 @@
   border-bottom: 3px solid var(--primary-color);
 }
 
+.nav-bar__link--right, .nav-bar__link--right:last-child {
+  border: none;
+}
+
+.footer-container {
+  background-color: var(--secondary-color);
+}
+
+.footer__nav {
+  background-color: var(--secondary-color);
+  align-items: center;
+}
+
 .footer__version-area {
   width: 300px;
 }
 
 .footer__logo-area {
-  width: 600px;
+  order: -1;
+  width: auto;
 }
 
 /* Data Explorer */
@@ -121,3 +135,33 @@ tspan.special-number,
 .data-explorer__charts .special-number {
   fill: var(--secondary-color);
 }
+
+/* MIDRC Index Changes */
+
+.introduction__icon {
+  display: none;
+}
+
+.index-button-bar {
+  width: 100%;
+  background-color: var(--g3-color__white);
+}
+
+.index-button-bar__thumbnail-button {
+  background-color: inherit;
+  border: none;
+}
+
+.index-button-bar__icon {
+  filter: hue-rotate(45deg);
+}
+
+.index-button-bar__item, .index-button-bar__thumbnail-title {
+  display: none;
+}
+
+@media screen and (max-width: 1170px) {
+  .index-button-bar {
+    padding: 0 10%;
+  }
+}
diff --git a/qa-midrc.planx-pla.net/portal/gitops.json b/qa-midrc.planx-pla.net/portal/gitops.json
@@ -76,20 +76,20 @@
           "link": "/submission"
         },
         "buttons": [
-            {
-              "name": "Data Dictionary",
-              "icon": "data-field-define",
-              "body": "Browse the nodes and properties of the graph data model used in the MIDRC Data Commons.",
-              "link": "/DD",
-              "label": "Explore Data Model"
-            },
             {
               "name": "Explore Data",
               "icon": "data-explore",
               "body": "Search and download subsets of data from the MIDRC Data Commons using intuitive navigation tools.",
               "link": "/explorer",
               "label": "Explore data"
             },
+            {
+              "name": "Data Dictionary",
+              "icon": "data-field-define",
+              "body": "Browse the nodes and properties of the graph data model used in the MIDRC Data Commons.",
+              "link": "/DD",
+              "label": "Explore Data Model"
+            },
             {
               "name": "Query Data",
               "icon": "data-access",
@@ -126,12 +126,6 @@
             "icon": "query",
             "tooltip": "Query the databases using GraphQL."
           },
-          {
-            "name": "Profile",
-            "link": "/identity",
-            "icon": "profile",
-            "tooltip": "Create API keys and check your access privileges."
-          },
           {
             "name": "Workspace",
             "link": "#hostname#workspace/",
@@ -142,10 +136,6 @@
       },
       "topBar": {
         "items": [
-          {
-            "link": "/",
-            "name": "Medical Imaging & Data Resource Center Home"
-          },
           {
             "link": "https://www.midrc.org/",
             "name": "About"
@@ -159,7 +149,8 @@
             "link": "https://gen3.org/resources/user/",
             "name": "Documentation"
           }
-        ]
+        ],
+        "useProfileDropdown": true
       },
       "login": {
         "title": "Medical Imaging & Data Resource Center Data Commons",