diff --git a/css/components/islandora_mods.css b/css/components/islandora_mods.css index b3a9b1e..a93055f 100755 --- a/css/components/islandora_mods.css +++ b/css/components/islandora_mods.css @@ -78,16 +78,38 @@ div#block-olivesnews-content .view-header { ============================================================ */ .facets-widget-links ul { - list-style-type: none; - margin-left: 0; + list-style-type: none; + margin-left: 0; } .facets-widget-links ul li { - margin-bottom: 3px; + margin-bottom: 3px; } .facets-widget-links ul span.facet-item__count { - font-weight: 600; + font-weight: 600; +} +.facets-widget-range_nouislider ul { + list-style-type: none; + margin: 0; +} + +.facets-widget-range_nouislider .facet-slider {margin: 60px 14px 0;} + +.facets-widget-range_nouislider .js-form-type-textfield { + display: flex; + /* width: 100%; */ +} + +.facets-widget-range_nouislider label.form-item__label { + width: 3em; +} + +.facets-widget-range_nouislider .noUi-tooltip { + border: 1px solid #8196a2; +} +.facets-widget-range_nouislider .noUi-connect { + background: #691803; } /* ============================================================ diff --git a/js/custom.js b/js/custom.js index 5bb6701..8e690eb 100644 --- a/js/custom.js +++ b/js/custom.js @@ -1,39 +1,20 @@ (function (Drupal) { - //stuff goes here + window.onload = function() { + var inputField = document.getElementById('nouislider-input-from'); + var str = inputField.value.toString(); + str = str.slice(0, -3); + str = parseInt(str); + inputField.value = str; + + var inputField = document.getElementById('nouislider-input-to'); + var str = inputField.value.toString(); + str = str.slice(0, -3); + str = parseInt(str); + inputField.value = str; + }; })(Drupal); -(function (Drupal) { - Drupal.behaviors.LangSwitchBehavior = { - attach: function (context, settings) { - const textEn = context.querySelector('#text-en'); - const textFr = context.querySelector('#text-fr'); - const showEn = context.querySelector('#show-text-en'); - const showFr = context.querySelector('#show-text-fr'); - - // Hide French text initially - if (textFr) { - textFr.style.display = 'none'; - } - - if (showEn && textEn && textFr) { - showEn.addEventListener('click', function (e) { - e.preventDefault(); - textEn.style.display = ''; - textFr.style.display = 'none'; - }); - } - - if (showFr && textEn && textFr) { - showFr.addEventListener('click', function (e) { - e.preventDefault(); - textEn.style.display = 'none'; - textFr.style.display = ''; - }); - } - } - }; -})(Drupal); //(function (Drupal, once) { diff --git a/olivesnews.libraries.yml b/olivesnews.libraries.yml index c522134..452e503 100755 --- a/olivesnews.libraries.yml +++ b/olivesnews.libraries.yml @@ -57,6 +57,7 @@ global-styling: js: js/checkbox.js: {} + js/custom.js: {} dependencies: - core/drupal diff --git a/templates/field/field--node--field-contributor-details--islandora-object.html.twig b/templates/field/field--node--field-contributor-details--islandora-object.html.twig index 1cfbd65..1186a33 100755 --- a/templates/field/field--node--field-contributor-details--islandora-object.html.twig +++ b/templates/field/field--node--field-contributor-details--islandora-object.html.twig @@ -1,42 +1,3 @@ -{# -/** - * @file - * Theme override for a field. - * - * To override output, copy the "field.html.twig" from the templates directory - * to your theme's directory and customize it, just like customizing other - * Drupal templates such as page.html.twig or node.html.twig. - * - * Instead of overriding the theming for all fields, you can also just override - * theming for a subset of fields using - * @link themeable Theme hook suggestions. @endlink For example, - * here are some theme hook suggestions that can be used for a field_foo field - * on an article node type: - * - field--node--field-foo--article.html.twig - * - field--node--field-foo.html.twig - * - field--node--article.html.twig - * - field--field-foo.html.twig - * - field--text-with-summary.html.twig - * - field.html.twig - * - * Available variables: - * - attributes: HTML attributes for the containing element. - * - label_hidden: Whether to show the field label or not. - * - title_attributes: HTML attributes for the title. - * - label: The label for the field. - * - multiple: TRUE if a field can contain multiple items. - * - items: List of all the field items. Each item contains: - * - attributes: List of HTML attributes for each item. - * - content: The field item's content. - * - entity_type: The entity type to which the field belongs. - * - field_name: The name of the field. - * - field_type: The type of the field. - * - label_display: The display settings for the label. - * - * - * @see template_preprocess_field() - */ -#} {% set classes = [ 'field', @@ -53,29 +14,18 @@ ] %} -{% if label_hidden %} +