Update CSS styles for color and layout***

jhu-library-applications · Feb 19, 2024 · 70a5d85 · 70a5d85
1 parent 894f726
commit 70a5d85
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 5 deletions.
diff --git a/01JHU_INST-JHU/css/colors.css b/01JHU_INST-JHU/css/colors.css
@@ -111,6 +111,11 @@ prm-brief-result .item-title span {
 [class*="available"] > span {
   color: #002d72;
 }
+
+[class*="unavailable"] {
+  color: #c44545;
+  }
+
 .not_restricted {
   color: #286140;
 }
@@ -254,4 +259,4 @@ md-dialog.light-on-dark-dialog md-list md-list-item.list-login .md-button {
 }
 md-dialog.light-on-dark-dialog {
   background-color: #002d72;
-}
+}
diff --git a/01JHU_INST-JHU/css/prm-location-items-after.css b/01JHU_INST-JHU/css/prm-location-items-after.css
@@ -1,4 +1,4 @@
-  prm-location-items > * {
+  prm-location-items>* {
     visibility: hidden;
     height: 0;
     width: 0;
@@ -15,6 +15,20 @@
   }
 
   /* Divs not hidden by default */
-prm-location-items > div.tab-content-header.margin-bottom-small.margin-left-medium.layout-row.layout-align-space-between-end {
-  margin: 0;
-}
+  prm-location-items>div.tab-content-header.margin-bottom-small.margin-left-medium.layout-row.layout-align-space-between-end {
+    margin: 0;
+  }
+
+  prm-location-items-after .skewed-divider {
+    display: none;
+  }
+
+
+  prm-service-button prm-icon md-icon.md-primoExplore-theme {
+    margin-left: .25em;
+    color: #fff;
+  }
+
+prm-location-items-after > md-list > md-list-item > div.layout-row.flex > div > div.layout-wrap.layout-align-end-center.layout-row.flex-xs-100.flex-sm-30 {
+    flex-direction: column !important;
+  }