diff --git a/css/components/islandora_mods.css b/css/components/islandora_mods.css index dc08342..4de58b7 100755 --- a/css/components/islandora_mods.css +++ b/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; } diff --git a/css/components/landing_page.css b/css/components/landing_page.css index e4df820..a6c0a70 100755 --- a/css/components/landing_page.css +++ b/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 { - margin: 0; - text-shadow: 2px 2px black; - color: #ece8e3; -} - -.logo--olivesbooks a { - color: #ece8e3; - text-decoration: none; -} -.logo--olivesbooks h1 { - font-size: var(--h1-size); - /* border-bottom: 4px double; */ -} + h1, + h2 { + margin: 0; + text-shadow: 2px 2px black; + color: #ece8e3; + } + a { + color: #ece8e3; + text-decoration: none; + } + h1 { + font-size: var(--h1-size); + /* border-bottom: 4px double; */ + } -.logo--olivesbooks h2 { - font-size: var(--h2-size); + 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 { - list-style-type: none; - margin: 0; - display: flex; - justify-content: center; -} - -nav#block-olivesbooks-landingpagemenu .menu .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 { - /* 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 { + list-style-type: none; + margin: 0; + display: flex; + justify-content: center; + i { + display: flex; + justify-content: center; + font-size: 1.3em; + } + } .menu__link { - padding: 0.8rem 0.8rem 0.3rem; + background: #39481e; + display: flex; + flex-direction: column; + text-decoration: none; + color: #fff; + transition: all 0.2s linear; + font-size: 0.8rem; + padding: 5px 5px 0; + text-align: center; + } + .menu__link:hover { + /* background: #d2966e; */ + + filter: brightness(1.5); } .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; */ +/* } */ +/* } */ diff --git a/css/layout/layout.css b/css/layout/layout.css index b2bf6f2..2d9c7a8 100755 --- a/css/layout/layout.css +++ b/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%; +} +