Browse Source

mobile cleanup

master
rdrew 6 months ago
parent
commit
4b72a32406
  1. 9
      css/components/block.css
  2. 25
      css/components/footer.css
  3. 12
      css/components/islandora_mods.css
  4. 21
      css/components/landing_page.css
  5. 17
      css/components/search-results.css
  6. 117
      templates/content/node--79025.html.twig
  7. 57
      templates/views/views-view-fields--journals--block-1.html.twig

9
css/components/block.css

@ -17,9 +17,13 @@
/*font-size: var(--font-size-l);*/
font-size: 24px;
line-height: var(--sp);
line-height:normal;
border-bottom: 4px double;
padding-bottom: 4px;
}
#block-olivesdocs-views-block-journals-block-1 .block__title {
line-height:normal;
}
.site-footer .block__title {
color: var(--color--gray-65);
@ -33,3 +37,8 @@
border:1px solid #ccc;
}
@media (min-width: 1001px) {
.region--content-above .block-advanced-search-blocksolr-search-content__block-1 {
display: none; /* Invisible on screens wider than 1000px */
}
}

25
css/components/footer.css

@ -70,9 +70,14 @@
}
}
.footer-logo {
display: block;
}
div#upei_logo {
@media (min-width: 1001px) {
.footer-logo {
display: flex;
}
}
div#upei_logo {
justify-content: center;
justify-content: flex-end;
@ -82,7 +87,6 @@ div#upei_logo {
}
div#prov_govt {
display: flex;
justify-content: space-around;
/* height: 100px; */
@ -92,7 +96,6 @@ div#prov_govt {
}
div#museum {
display: flex;
justify-content: space-around;
justify-content: flex-start;
@ -122,11 +125,13 @@ g#Group-2 {
font-size: 1rem;
}
.subfooter {
display: flex;
justify-content: space-between;
border-top: 4px double #ece8e3;
padding-top: 1rem;
align-items: center;
line-height: 0;
@media (min-width: 1001px) {
.subfooter {
display: flex;
justify-content: space-between;
border-top: 4px double #ece8e3;
padding-top: 1rem;
align-items: center;
line-height: 0;
}
}

12
css/components/islandora_mods.css

@ -0,0 +1,12 @@
.mirador33 span.MuiIconButton-label:before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='22' width='22' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--%3E%3Cpath fill='%232b353b' d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
/*fill:blue; */
margin-right:px;
}
.mirador33 span.MuiIconButton-label {
}
.mirador33 {
width:2em !important;
}

21
css/components/landing_page.css

@ -206,3 +206,24 @@ display: none;
header#header {
border-right: 1px solid #ccc;
}
.lp-journal-view {
.view-header {
display:none;
}
}
.lp-journal-view .views-row {
line-height: 2;
summary {
color: var(--color-text-primary-medium);
font-weight:bold;
a {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}
ul {
margin-left:3rem;
margin-bottom:1rem;
}
}

17
css/components/search-results.css

@ -111,9 +111,22 @@
margin-block-end: var(--sp3);
}
}
.view-solr-search-content {
.search-result {
.views-field-did-image {
img {
}
width: 150px;
height: 200px;
overflow: hidden;
border: 1px solid #ccc;
padding: 4px;
}
}
}
.view-grid.view-solr-search-content {
.views-field-member-of-title {
display: none;
display: none;
}
.search-result {
.views-field-did-image {
@ -170,7 +183,7 @@ div#block-olivesdocs-breadcrumbs {
.peildo_bio_collection,
.peildo_journal_collection {
div#block-views-block-media-display-blocks-source {
display: none;
/* display: none;*/
}
}
nav.pager {

117
templates/content/node--79025.html.twig

@ -0,0 +1,117 @@
{#
/**
* @file
* Olivesdocs's theme implementation to display a node.
*
* Available variables:
* - node: The node entity with limited access to object properties and methods.
* Only method names starting with "get", "has", or "is" and a few common
* methods such as "id", "label", and "bundle" are available. For example:
* - node.getCreatedTime() will return the node creation timestamp.
* - node.hasField('field_example') returns TRUE if the node bundle includes
* field_example. (This does not indicate the presence of a value in this
* field.)
* - node.isPublished() will return whether the node is published or not.
* Calling other methods, such as node.delete(), will result in an exception.
* See \Drupal\node\Entity\Node for a full list of public properties and
* methods for the node object.
* - label: (optional) The title of the node.
* - content: All node items. Use {{ content }} to print them all,
* or print a subset such as {{ content.field_example }}. Use
* {{ content|without('field_example') }} to temporarily suppress the printing
* of a given child element.
* - author_picture: The node author user entity, rendered using the "compact"
* view mode.
* - metadata: Metadata for this node.
* - date: (optional) Themed creation date field.
* - author_name: (optional) Themed author name field.
* - url: Direct URL of the current node.
* - display_submitted: Whether submission information should be displayed.
* - attributes: HTML attributes for the containing element.
* The attributes.class element may contain one or more of the following
* classes:
* - node: The current template type (also known as a "theming hook").
* - node--type-[type]: The current node type. For example, if the node is an
* "Article" it would result in "node--type-article". Note that the machine
* name will often be in a short form of the human readable label.
* - node--view-mode-[view_mode]: The View Mode of the node; for example, a
* teaser would result in: "node--view-mode-teaser", and
* full: "node--view-mode-full".
* The following are controlled through the node publishing options.
* - node--promoted: Appears on nodes promoted to the front page.
* - node--sticky: Appears on nodes ordered above other non-sticky nodes in
* teaser listings.
* - node--unpublished: Appears on unpublished nodes visible only to site
* admins.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - content_attributes: Same as attributes, except applied to the main
* content tag that appears in the template.
* - author_attributes: Same as attributes, except applied to the author of
* the node tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
* - view_mode: View mode; for example, "teaser" or "full".
* - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
* - page: Flag for the full page state. Will be true if view_mode is 'full'.
* - readmore: Flag for more state. Will be true if the teaser content of the
* node cannot hold the main body content.
* - logged_in: Flag for authenticated user status. Will be true when the
* current user is a logged-in member.
* - is_admin: Flag for admin user status. Will be true when the current user
* is an administrator.
*
* @see template_preprocess_node()
*/
#}
{% set layout = layout ? 'layout--' ~ layout|clean_class %}
{%
set classes = [
'node',
'node--type-' ~ node.bundle|clean_class,
layout ? 'grid-full',
node.isPromoted() ? 'node--promoted',
node.isSticky() ? 'node--sticky',
not node.isPublished() ? 'node--unpublished',
view_mode ? 'node--view-mode-' ~ view_mode|clean_class,
]
%}
<article{{ attributes.addClass(classes) }}>
<header class="{{ layout }}">
{{ title_prefix }}
{% if label and not page %}
<h2{{ title_attributes.addClass('node__title') }}>
<a href="{{ url }}" rel="bookmark">{{ label }}</a>
</h2>
{% endif %}
{{ title_suffix }}
{% if display_submitted %}
<div class="node__meta">
{% if author_picture %}
<div class="node__author-image">
{{ author_picture }}
</div>
{% endif %}
<span{{ author_attributes }}>
{{ 'By'|t }} {% apply spaceless %}{{ author_name }}{% endapply %}, {{ date }}
</span>
{{ metadata }}
</div>
{% endif %}
</header>
<div{{ content_attributes.addClass('node__content', layout) }}>
{# Comments not part of content, so they won't inherit .text-content styles. #}
{{ content|without('comment') }}
</div>
{% if content.comment %}
<div id="comments" class="{{ layout }}">
{{ content.comment }}
</div>
{% endif %}
</article>

57
templates/views/views-view-fields--journals--block-1.html.twig

@ -0,0 +1,57 @@
{#
/**
* @file
* Default view template to display all the fields in a row.
*
* Available variables:
* - view: The view in use.
* - fields: A list of fields, each one contains:
* - content: The output of the field.
* - raw: The raw data for the field, if it exists. This is NOT output safe.
* - class: The safe class ID to use.
* - handler: The Views field handler controlling this field.
* - inline: Whether or not the field should be inline.
* - wrapper_element: An HTML element for a wrapper.
* - wrapper_attributes: List of attributes for wrapper element.
* - separator: An optional separator that may appear before a field.
* - label: The field's label text.
* - label_element: An HTML element for a label wrapper.
* - label_attributes: List of attributes for label wrapper.
* - label_suffix: Colon after the label.
* - element_type: An HTML element for the field content.
* - element_attributes: List of attributes for HTML element for field content.
* - has_label_colon: A boolean indicating whether to display a colon after
* the label.
* - element_type: An HTML element for the field content.
* - element_attributes: List of attributes for HTML element for field content.
* - row: The raw result from the query, with all data it fetched.
*
* @see template_preprocess_views_view_fields()
*
* @ingroup themeable
*/
#}
{% for field in fields -%}
{{ field.separator }}
{%- if field.wrapper_element -%}
<{{ field.wrapper_element }}{{ field.wrapper_attributes }}>
{%- endif %}
{%- if field.label -%}
{%- if field.label_element -%}
<{{ field.label_element }}{{ field.label_attributes }}>{{ field.label }}{{ field.label_suffix }}</{{ field.label_element }}>
{%- else -%}
{{ field.label }}{{ field.label_suffix }}
{%- endif %}
{%- endif %}
{%- if field.element_type -%}
<{{ field.element_type }}{{ field.element_attributes }}>{{ field.content }}</{{ field.element_type }}>
{%- else -%}
{{ field.content }}
{%- endif %}
{%- if field.wrapper_element -%}
</{{ field.wrapper_element }}>
{%- endif %}
{%- endfor %}
Loading…
Cancel
Save