Browse Source

mobile tweaks

master
rdrew 3 weeks ago
parent
commit
38831329ab
  1. 7
      css/components/advanced_search.pager.css
  2. 31
      css/components/islandora_mods.css
  3. 48
      css/components/landing_page.css

7
css/components/advanced_search.pager.css

@ -1,4 +1,3 @@
.advanced_search_result_pager .pager__summary {
font-weight: 700;
}
@ -13,6 +12,9 @@
justify-content: flex-start;
align-items: center;
flex-flow: row wrap;
ul {
display: flex;
}
}
@media all and (min-width: 45.063em) {
@ -46,14 +48,13 @@
margin: 0.25rem;
}
.view-grid .view-content .views-row {
padding: 0px 20px 20px 0px !important;
}
/* generalizing */
.advanced_search_result_pager .pager__group .pager {
display: none*display: none;*/
display: none;
}
.pager__group .container {

31
css/components/islandora_mods.css

@ -1,3 +1,32 @@
.page-node-type-book {
#toggle-facets {
display:none;
}
}
div#block-olivesbdh-solrsearchcontentsearchresultspagerforpage {
margin: 0;
}
.view-filters {
margin: 0;
}
.collection-view .view-filters {
display: none;
}
#toggle-facets {
box-shadow: 0px 5px 11px -2px rgb(0 0 0 / 39%);
}
#toggle-facets:hover {
filter: none;
}
/*tables*/
.view-people .view-content,
.view-tunes .view-content {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
/*tooltips*/
.audio-tooltip {
position: absolute;
@ -29,7 +58,7 @@ a.js-play-audio-from-node::after {
content: "";
display: inline-block;
width: 1.1em;
height: .9em;
height: 0.9em;
margin-left: 4px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M533.6 32.5c-10.3-8.4-25.4-6.8-33.8 3.5s-6.8 25.4 3.5 33.8C557.5 113.8 592 180.8 592 256s-34.5 142.2-88.7 186.3c-10.3 8.4-11.8 23.5-3.5 33.8s23.5 11.8 33.8 3.5C598.5 426.7 640 346.2 640 256S598.5 85.2 533.6 32.5zM473.1 107c-10.3-8.4-25.4-6.8-33.8 3.5s-6.8 25.4 3.5 33.8C475.3 170.7 496 210.9 496 256s-20.7 85.3-53.2 111.8c-10.3 8.4-11.8 23.5-3.5 33.8s23.5 11.8 33.8 3.5c43.2-35.2 70.9-88.9 70.9-149s-27.7-113.8-70.9-149zm-60.5 74.5c-10.3-8.4-25.4-6.8-33.8 3.5s-6.8 25.4 3.5 33.8C393.1 227.6 400 241 400 256s-6.9 28.4-17.7 37.3c-10.3 8.4-11.8 23.5-3.5 33.8s23.5 11.8 33.8 3.5C434.1 312.9 448 286.1 448 256s-13.9-56.9-35.4-74.5zM80 352l48 0 134.1 119.2c6.4 5.7 14.6 8.8 23.1 8.8 19.2 0 34.8-15.6 34.8-34.8l0-378.4c0-19.2-15.6-34.8-34.8-34.8-8.5 0-16.7 3.1-23.1 8.8L128 160 80 160c-26.5 0-48 21.5-48 48l0 96c0 26.5 21.5 48 48 48z'/%3E%3C/svg%3E");
background-repeat: no-repeat;

48
css/components/landing_page.css

@ -13,7 +13,6 @@ nav#block-olivesbdh-landingpagemenu {
flex-direction: column;
text-decoration: none;
color: #fff;
padding: 1.2em 1.2em 0.6em 1.2em;
transition: all 0.2s linear;
}
.menu__link:hover {
@ -26,9 +25,31 @@ nav#block-olivesbdh-landingpagemenu {
}
}
}
nav#block-olivesbdh-landingpagemenu .menu__link {
padding: 1.2em 1.2em 0.6em 1.2em;
}
@media (max-width: 800px) {
nav#block-olivesbdh-landingpagemenu .menu__link {
padding: 12px 10px 6px 10px;
}
}
/* end of Landing page menu*/
figure.logo--ilivesbdh {
h1 {
/*font-size: 4em;*/
/*font-weight:bold;*/
}
h2 {
/*font-size: 2.2em;*/
/*font-weight:bold;*/
}
}
.logo--ilivesbdh {
/* Default/fallback for very old browsers */
--h1-size: 4em;
--h2-size: 2.2em;
background: none;
/* width: 24em; */
margin: 0 auto;
@ -42,20 +63,31 @@ figure.logo--ilivesbdh {
h2 {
margin: 0;
text-shadow: 2px 2px black;
color: #fff;
}
h1 {
font-size: 4em;
/*font-weight:bold;*/
color: #fff;
font-size: var(--h1-size);
border-bottom: 4px double;
}
h2 {
font-size: 2.2em;
color: #fff;
/*font-weight:bold;*/
font-size: var(--h2-size);
}
}
/* ── Only below 800px: start fluid scaling down ── */
@media (max-width: 800px) {
.logo--ilivesbdh h1 {
/*
- Never smaller than ~2.22.5em (readable on mobile)
- Scales smoothly with viewport
- Caps at your original 4em (won't grow above desktop size)
*/
font-size: clamp(2.5em, 9.5vw, 4em);
}
.logo--ilivesbdh h2 {
font-size: clamp(1.8em, 5.2vw, 2.2em);
}
}
.page-node-type-landing-page #block-views-block-media-display-blocks-source {
display: none;
}

Loading…
Cancel
Save