mirador stuff

css/components/islandora_mods.css

@@ -7,13 +7,23 @@
   /*background: #ece8e3;*/
   .grid-item__image {
     margin: 0;
-    /*height: 180px;*/
-    background: #ece8e3;
+    /*height: 300px;*/
+    /* background: #ece8e3; */
     overflow: hidden;
+    display: block;
+
     img {
       width: 100%;
     }
   }
+  @media ((max-width:600px)) {
+     .grid-item__image {
+       height: initial;
+     }
+    div#block-olivesbooks-solrsearchcontentsearchresultspagerforpage .pager__group {
+    display: none;
+}
+  }
   .views-field-field-abstract,
   .abstract {
     /* line-height: 1.4; */
@@ -216,6 +226,7 @@ div#page {
   padding-bottom: 2rem;
   margin-bottom: 1rem;
 }
-.field.field--name-field-children.field--type-string.field--label-inline {
+.field--name-field-spouse,
+.field--name-field-children {
   display: flex;
 }

css/components/landing_page.css

@@ -4,46 +4,45 @@
 
   background: none;
   margin: 0 auto;
-  height: 280px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   text-align: center;
-}
-figure.logo--olivesbooks {
   background: none;
   width: 30em;
   margin: 0 auto;
   height: 300px;
-  display: flex;
-}
-.logo--olivesbooks h1,
-.logo--olivesbooks h2 {
+  h1,
+  h2 {
     margin: 0;
     text-shadow: 2px 2px black;
     color: #ece8e3;
-}
-
-.logo--olivesbooks a {
+  }
+  a {
     color: #ece8e3;
     text-decoration: none;
-}
-.logo--olivesbooks h1 {
+  }
+  h1 {
     font-size: var(--h1-size);
     /* border-bottom: 4px double; */
-}
+  }
 
-.logo--olivesbooks h2 {
+  h2 {
     font-size: var(--h2-size);
+  }
 }
 
 @media (max-width: 800px) {
+  .logo--olivesbooks {
+    width: initial;
+    height: 200px;
+  }
   .logo--olivesbooks h1 {
     font-size: clamp(2.5em, 9.5vw, 4em);
   }
 
   .logo--olivesbooks h2 {
-    font-size: clamp(1.8em, 5.2vw, 2.2em);
+    font-size: clamp(1.5em, 5.2vw, 2.2em);
   }
 }
 .page-node-type-landing-page #block-views-block-media-display-blocks-source {
@@ -223,39 +222,32 @@ div#block-olivesbooks-views-block-front-page-featured-books-block-2
 /* landing page menu */
 nav#block-olivesbooks-landingpagemenu {
   margin-block-end: var(--sp2);
-}
-
-nav#block-olivesbooks-landingpagemenu .menu {
+  .menu {
     list-style-type: none;
     margin: 0;
     display: flex;
     justify-content: center;
-}
-
-nav#block-olivesbooks-landingpagemenu .menu .menu__link {
+    i {
+      display: flex;
+      justify-content: center;
+      font-size: 1.3em;
+    }
+  }
+  .menu__link {
     background: #39481e;
     display: flex;
     flex-direction: column;
     text-decoration: none;
     color: #fff;
     transition: all 0.2s linear;
-}
-
-nav#block-olivesbooks-landingpagemenu .menu .menu__link:hover {
+    font-size: 0.8rem;
+    padding: 5px 5px 0;
+    text-align: center;
+  }
+  .menu__link:hover {
     /* background: #d2966e; */
 
     filter: brightness(1.5);
-}
-
-nav#block-olivesbooks-landingpagemenu .menu i {
-  display: flex;
-  justify-content: center;
-  font-size: 1.3em;
-}
-
-nav#block-olivesbooks-landingpagemenu {
-  .menu__link {
-    padding: 0.8rem 0.8rem 0.3rem;
   }
   .menu__item {
     border: 4px double;
@@ -266,9 +258,18 @@ nav#block-olivesbooks-landingpagemenu {
     font-family: var(--font-serif);
   }
 }
-
-@media (max-width: 800px) {
-  nav#block-olivesbooks-landingpagemenu .menu__link {
-    padding: 12px 10px 6px 10px;
+@media (min-width: 800px) {
+  nav#block-olivesbooks-landingpagemenu {
+    .menu__link {
+      width: 7.5em;
+      font-size: 1rem;
+      padding: 0.8rem 0.8rem 0.3rem;
+    }
   }
 }
+
+/* @media (max-width: 800px) { */
+/*   nav#block-olivesbooks-landingpagemenu .menu__link { */
+/*     padding: 12px 10px 6px 10px; */
+/*   } */
+/* } */

css/layout/layout.css

@@ -21,7 +21,10 @@
 }
 
 body.is-fixed .container {
-  width: calc(100% - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px));
+  width: calc(
+    100% - var(--drupal-displace-offset-left, 0px) -
+      var(--drupal-displace-offset-right, 0px)
+  );
 }
 
 .page-wrapper {
@@ -65,7 +68,37 @@ body.is-fixed .container {
     padding-block-start: var(--sp5);
   }
 }
-.block-mirador {
-    height: 1200px;
-      position: relative;
+/* .block-mirador { */
+/*   height: 1200px; */
+/*   position: relative; */
+/* } */
+nav.MuiPaper-root.MuiDrawer-paper.mirador23.MuiDrawer-paperAnchorLeft {
+  display: none;
+}
+@media (max-width: 600px) {
+  /* Increase the height of the viewer on mobile */
+  .mirador-viewer {
+    height: 80vh !important; /* Uses 80% of the phone's screen height */
+    min-height: 500px !important;
   }
+
+  /* Ensure the content inside fills the new height */
+  .mirador-osd-container,
+  .openseadragon-container,
+  .openseadragon-canvas,
+  canvas {
+    height: 100% !important;
+  }
+}
+/* .main-content__container { */
+/*   padding-left: 5px; */
+/*   padding-right: 5px; */
+/*   max-width: none; */
+/*   width: 100%; */
+/* } */
+
+div#block-mirador-block {
+  margin: 0px;
+  width: 100%;
+}
+