Merge branch 'fix/20210728' into fix/forms-seach-input-mods

to be able to fix accordion-content layout

asset/scss/_settings.scss

@@ -322,7 +322,7 @@ $button-border: 2px solid $button-color;//1px solid transparent;
 $button-hollow-border-width: 2px;
 $button-sizes: (
   tiny: 0.7rem,
-  small: 0.95rem,
+  small: 0.9rem,
   default: 1.6rem,
   large: 2.4rem,
 );

asset/scss/components/_accordion.scss

@@ -1,11 +1,26 @@
 .accordion-item {
   border-bottom: $global-border-archive;
+  &:first-of-type {
+    max-height: 5rem;
+    .is-active{
+      max-height: 5rem;
+      padding:0;
+    }
+    .accordion-title::before{
+      content:'';
+    }
+    a {
+      color: black;
+      &:hover,&:active,&:focus{
+        color: black;
+        cursor: not-allowed;
+      }
+    }
+  }
 }
 .accordion-title {
   ul,ol {
     list-style: none;
-    //@include flex;
-    //@include flex-align(justify,middle);
     @include xy-grid;
   }
   li {
@@ -14,3 +29,4 @@
     text-align:left;
   }
 }
+

asset/scss/components/_buttons.scss

@@ -1,6 +1,11 @@
 button,.button {
+  &.small{
+    padding: $global-padding*0.5 $global-padding*1.5;
+  }
+  &.tiny{
+    padding: $global-padding*0.3 $global-padding*1.1;
+  }
   &:not(.large,.small,.tiny){
-    // min-width: 20rem;
   }
   &.primary {
     color: $white;
@@ -18,6 +23,14 @@ button,.button {
   &.secondary {
     border-color: $secondary-color;
   }
+  &.inactive {
+    color: $light-gray;
+    border-color: $light-gray;
+    cursor: not-allowed ;
+    &:hover {
+      background-color: unset;
+    }
+  }
 }
 .hero {
   button,.button {

asset/scss/global/_omeka.scss

@@ -322,12 +322,12 @@ body.vertical-menu header .desktop {
 }
 
 .browse-control-mobile {
-  // display: none;
-  //
-  // @include breakpoint(small down) {
-  //   display: inline-block;
+   display: none;
+
+   @include breakpoint(small down) {
+     display: inline-block;
   //   float: right;
-  // }
+   }
 }
 
 .browse-toggle {
@@ -358,21 +358,23 @@ body.vertical-menu header .desktop {
    @include xy-grid;
    justify-content: space-between;
    align-items: center;
-  input,
-  select,
-  button,
-  .button {
+  // margin: 0 (-.5 * $global-margin);
+  // font-size: .875 * $global-font-size;
+  //
+  // input,
+  // select,
+  // button,
+  // .button {
   //   font-size: .875 * $global-font-size;
   //   padding: (.5 * $global-padding);
-  width: auto;
-   }
-
-   .sorting select {
+  // }
+  //
+  // .sorting select {
   //   margin-right: .5 * $global-margin;
-  }
-
+  // }
+  //
    @include breakpoint(small down) {
-    margin: 0;
+  //   margin: 0;
      display: none;
 
      &.open {
@@ -383,7 +385,7 @@ body.vertical-menu header .desktop {
      &.closed {
        display: none;
      }
-  //
+
   //   .sorting,
   //   .omeka-pagination,
   //   .advanced-search {
@@ -394,6 +396,13 @@ body.vertical-menu header .desktop {
   //     order: 3;
   //   }
    }
+  .button-group {
+    margin-bottom: 0;
+  }
+  button,.button{
+    font-size: $global-font-size * 0.9;
+    padding: $global-padding*0.7 $global-padding*1.7;
+  }
 }
 
 .filter {
@@ -505,20 +514,20 @@ body.vertical-menu header .desktop {
 }
 
 .omeka-pagination {
-  // @include breakpoint(medium) {
-  //   @include xy-cell(4);
-  // }
+   @include breakpoint(medium) {
+     @include xy-cell();
+   }
 }
 
 .omeka-pagination,
 .omeka-pagination form {
-  // display: flex;
-  // align-items: center;
+   display: flex;
+   align-items: center;
 }
 
 .omeka-pagination .button-group {
-  // flex-wrap: nowrap;
-  // flex-grow: 0;
+   flex-wrap: nowrap;
+   flex-grow: 0;
 }
 
 .omeka-pagination form,
@@ -535,6 +544,15 @@ body.vertical-menu header .desktop {
   // margin-bottom: 0;
 }
 
+.sorting {
+   display: flex;
+}
+
+.sorting select {
+   width: 100%;
+   height: 100%;
+   margin-bottom: 0;
+}
 
 .sorting {
   display: flex;

asset/scss/modules/_content.scss

@@ -43,9 +43,8 @@ main {
     }
     section {
       padding: $global-padding $global-padding*2;
-      //margin: $global-margin;
     }
-    .entry-content {
+    .entry-content,.omekas-entry-content {
       @include breakpoint(small){
         @include xy-cell(12);
         padding: $global-padding*2 ;
@@ -69,6 +68,32 @@ main {
 }
 
 
+//
+// page category
+//--------------
+.index{
+  main {
+    article {
+      header {
+        .entry-title {
+        }
+      }
+      section {
+      }
+      .entry-content,.omekas-entry-content {
+        @include breakpoint(small){
+        }
+        @include breakpoint(medium){
+          max-width: unset;
+        }
+        @include breakpoint(xlarge){
+          max-width: unset;
+        }
+      }
+    }
+  }
+}
+
 //
 // news category
 //--------------
@@ -152,12 +177,11 @@ main {
 
 .collections-list {
   @include xy-grid;
-  width:100vw;
+  padding:0;
   header,main{
     @include xy-cell(12);
     @include flex;
     @include flex-align(center,top);
-    padding: $global-padding*2 0;
   }
   header {
     margin-top: 2*$global-margin;
@@ -166,10 +190,15 @@ main {
   }
   main {
     @include xy-grid;
-    article{
+    padding: 0;
+    margin: 0;
+    article {
       @include card-container();
-      @include breakpoint(small){
         @include xy-cell();
+        width: 100%; 
+        padding: 0;
+        margin: 0;
+      @include breakpoint(small){
         font-size: $global-font-size*0.7;
       }
       @include breakpoint(medium){
@@ -179,18 +208,18 @@ main {
       }
       margin-bottom:0;
     }
-    table {
-      thead,tbody,tfoot {
-        margin: $global-padding*2;
-      }
-    }
   }
   .accordion-content {
+    padding-top: 0;
     section {
       @include xy-grid;
+      padding-top: 0;
+      padding-bottom: 0;
       @include breakpoint(small){
         figure {
           @include xy-cell(12);
+          margin-left:0;
+          margin-right:0;
         }
         p {
           @include xy-cell(12);
@@ -199,6 +228,7 @@ main {
       @include breakpoint(medium){
         figure {
           @include xy-cell(3);
+          margin-left: 0;
         }
         p {
           @include xy-cell(9);
@@ -382,5 +412,4 @@ main {
     width: 100%;
 
   }
-
 //end omeka specific styles

asset/scss/modules/_footer.scss

@@ -1,4 +1,5 @@
 footer {
+  margin-top: $global-margin;
   background-color: $secondary-color;
   a {
     color: $body-font-color;
@@ -24,7 +25,7 @@ footer {
   .logo {
   }
   .site-brand,.brand-logo {
-    &.archive{
+    &.archive,&.arc-hive{
       &::before {
         margin-top:unset;
       }
@@ -32,7 +33,6 @@ footer {
     &.eu {
       &::before {
         @include breakpoint(small) {
-          // background-image: url('../img/eu_flag_creative_europe_co_funded_black_right.svg');
           background-position-x: right;
           max-width: 50vw;
           margin-top:unset;
@@ -59,7 +59,6 @@ footer {
        padding: $global-padding;
        font-size: $global-font-size * 0.8;
        &:first-child {
-         //padding-top: $global-padding*3;
        }
        .co-founded {
          text-align:right;

gulpfile.js

@@ -28,6 +28,7 @@ function serve() {
   });
 
   gulp.watch("asset/scss/*.scss", sass);
+  gulp.watch("asset/scss/*/*.scss", sass);
   gulp.watch("*.html").on('change', browserSync.reload);
 }
 

view/common/site-list-entry.phtml

@@ -28,6 +28,7 @@ $summary = $showSummary ? $site->summary() : null;
     </ul>
   </a>
   <aside class="accordion-content" data-tab-content>
+   <section>
     <figure>
       <?php if ($site_meta_values != null): ?>
         <img src="<?= $site_meta_values['thumbnail']; ?>" />
@@ -39,5 +40,6 @@ $summary = $showSummary ? $site->summary() : null;
       <?php endif; ?>
       <a class="button small" href="<?= $site->siteUrl() ?>">View</a>
     </p>
+   </section>
   </aside>
 </li>

view/layout/layout.phtml

@@ -93,8 +93,9 @@ endif;
             <!-- </div> -->
         </content>
         <script>
-          $(document).foundation();
+//          $(document).foundation();
         </script>
+<script src="<?php echo $this->assetUrl('js/foundation.js'); ?>"></script>
 
     </body>
 </html>

view/omeka/site/item/show.phtml

@@ -7,34 +7,29 @@ $itemMedia = $item->media();
 $showLayout = $this->themeSetting('show_layout');
 ?>
 
-<!-- arc-hive insert begins -->
+<!-- arc-hive page header-image insert begins -->
 <?php
-//$site->pages();
-// set header image
-$img_src = $this->getHelperPluginManager()->get('archiveSiteMeta')->getSiteImage($site);
-if (!$img_src) {
-  $img_src = '/themes/archive/asset/img/default-header-image.jpg';
-}
-if ($this->site->title() == "Collections") {
-  $image_height = "300px";
-} else {
-  $image_height = "200px";
-}
+$img_src = null;
+  $img_src = $this->getHelperPluginManager()->get('archiveSiteMeta')->getSiteImage($site);
+  if (!$img_src) {
+    $img_src = $this->assetUrl('img/ARC-HIVE-logo.svg');
+  }
+  ?>
+  <style>
+  .arc-page-header-img {
+     content: url("<?= $img_src ?>");
+  }
+  </style>
+  <?php
 ?>
-<style>
-#archive_header_img {
-   background: url("<?= $img_src ?>") no-repeat;
-   width: 100%;
-   height: <?= $image_height ?>;
-}
-</style>
 <script>
 <?php
   $_html = '<a href="'.$this->site->url().'">'.$this->site->title().'</a>';
 ?>
 $("#archive_page_title").html('<?php echo $_html ?>');
 </script>
-<!-- arc-hive insert ends -->
+<!-- arc-hive page header-image insert ends -->
+
 
 
 <div class="resource-title">

view/omeka/site/media/show.phtml

@@ -3,33 +3,28 @@ $translate = $this->plugin('translate');
 ?>
 <?php $this->htmlElement('body')->appendAttribute('class', 'media resource show'); ?>
 
-<!-- arc-hive insert begins -->
+<!-- arc-hive page header-image insert begins -->
 <?php
-//$site->pages();
-$img_src = $this->getHelperPluginManager()->get('archiveSiteMeta')->getSiteImage($site);
-if (!$img_src) {
-  $img_src = '/themes/archive/asset/img/default-header-image.jpg';
-}
-if ($this->site->title() == "Collections") {
-  $image_height = "300px";
-} else {
-  $image_height = "200px";
-}
+$img_src = null;
+  $img_src = $this->getHelperPluginManager()->get('archiveSiteMeta')->getSiteImage($site);
+  if (!$img_src) {
+    $img_src = $this->assetUrl('img/ARC-HIVE-logo.svg');
+  }
+  ?>
+  <style>
+  .arc-page-header-img {
+     content: url("<?= $img_src ?>");
+  }
+  </style>
+  <?php
 ?>
-<style>
-#archive_header_img {
-   background: url("<?= $img_src ?>") no-repeat;
-   width: 100%;
-   height: <?= $image_height ?>;
-}
-</style>
 <script>
 <?php
   $_html = '<a href="'.$this->site->url().'">'.$this->site->title().'</a>';
 ?>
 $("#archive_page_title").html('<?php echo $_html ?>');
 </script>
-<!-- arc-hive insert ends -->
+<!-- arc-hive page header-image insert ends -->
 
 
 <div class="resource-title">