Patch release 2023-07-20

ckanext/nhm/theme/assets/less/fonts.less

@@ -236,7 +236,7 @@
  }
 }
 
-@font-title: 'NHM Wallop Headline', 'Open Sans', sans-serif;
+@font-title: 'NHM Wallop Headline', Arial, sans-serif;
 
 .mixin-font-symbol(@weight) {
  font-family: 'FontAwesome', sans-serif;
@@ -247,7 +247,7 @@
 }
 
 .mixin-font-body() {
- font-family: 'NHM Wallop Text', Helvetica, Arial, sans-serif;
+ font-family: 'NHM Wallop Text', Arial, sans-serif;
 }
 
 // FONT SIZES

ckanext/nhm/theme/assets/less/nhm.less

@@ -496,15 +496,8 @@ span.caret {
  }
 }
 
-.logo svg {
- mask-image: url('@{images}/nhm_logo.svg');
- mask-size: contain;
- mask-repeat: no-repeat;
- -webkit-mask-image: url('@{images}/nhm_logo.svg');
- -webkit-mask-size: contain;
- -webkit-mask-repeat: no-repeat;
- background: @grey10;
- //.prideBg(@transFlag);
+.nhm-logo,
+.nhm-logo svg {
  .extended-masthead & {
  @media (min-width: @sm) and (max-width: @lg - 1) {
  height: 90px !important;
@@ -522,6 +515,17 @@ span.caret {
  width: 160px;
 }
 
+.logo svg {
+ mask-image: url('@{images}/nhm_logo.svg');
+ mask-size: contain;
+ mask-repeat: no-repeat;
+ -webkit-mask-image: url('@{images}/nhm_logo.svg');
+ -webkit-mask-size: contain;
+ -webkit-mask-repeat: no-repeat;
+ background: @grey10;
+ //.prideBg(@transFlag);
+}
+
 // LAYOUT/CONTAINERS -------------------------------------------------------------------------------
 
 .box {
@@ -622,7 +626,6 @@ iframe {
 
  & .logo {
  padding-left: 0;
- margin-bottom: 2px;
  }
 
  & .navigation {
@@ -885,7 +888,7 @@ iframe {
  @margin: 40px;
  min-height: @footer-size;
  .palette-footer();
- padding: 0 0 30px;
+ padding: 30px 0;
  position: relative;
  bottom: 0;
  width: 100%;
@@ -932,7 +935,7 @@ iframe {
  }
 
  .dev-info {
- margin-top: @margin;
+ margin-top: 10px;
  }
 
  p {
@@ -942,7 +945,11 @@ iframe {
  .attribution {
  .mixin-flex-container();
  .mixin-flex-smallwrap();
+ gap: 1em;
 
+ @media (min-width: @md) {
+ margin-right: 2em;
+ }
  @media (min-width: @sm) {
  .mixin-flex-column();
  }
@@ -954,12 +961,6 @@ iframe {
  margin: 0 !important;
  }
  }
- margin-top: @margin - 10;
-
- & li {
- margin-top: 10px;
- margin-bottom: 20px;
- }
 
  & strong {
  font-weight: normal;
@@ -1929,49 +1930,30 @@ select,
 
 // HOMEPAGE ----------------------------------------------------------------------------------------
 
+// when the subtitle starts to wrap
+@wrap-width: 935px;
+
 .logo-block {
  display: grid;
  grid-template-columns: auto 1fr;
- grid-gap: 5px 20px;
+ grid-template-areas: 'logo title';
  align-items: center;
 
  .logo {
- grid-column: 1;
-
- @media (min-width: @md) {
- .extended-masthead & {
- grid-row: 1 / span 2;
- }
- }
-
- @media (max-width: @sm - 1) {
- height: 80px;
- }
+ grid-area: logo;
  }
 
  .site-title {
- grid-row: 1;
- grid-column: 2;
- margin: -5px 0 0 0;
+ grid-area: title;
+ margin: 0;
  font-size: @font-size-head-title;
  letter-spacing: 1px;
  line-height: 0.8;
  white-space: nowrap;
-
- @media (min-width: @md) {
- .extended-masthead & {
- align-self: end;
- }
- }
-
- @media (max-width: @sm - 1) {
- font-size: @font-size-head-l;
- }
  }
 
  .welcome {
- grid-row: 2;
- grid-column: 2;
+ grid-area: subtitle;
  margin: 0 !important;
  line-height: 1.2;
  color: @grey9;
@@ -1980,26 +1962,60 @@ select,
  font-size: @font-size-head-xxs - 2;
  align-self: start;
 
- @media (max-width: @lg - 1) {
- font-size: @font-size-head-xxs - 4;
- }
-
  .extended-masthead & {
  display: block;
  }
  }
 
- @media (max-width: @md - 1) {
- .logo {
- grid-row: 1;
+ // small version only
+ @media (max-width: @wrap-width - 1) {
+ & {
+ grid-gap: 5px 20px;
+ }
+
+ .extended-masthead & {
+ grid-template-areas:
+ 'logo title'
+ 'subtitle subtitle';
  }
 
  .welcome {
- grid-column: 1 / span 2;
+ padding-left: 5px;
+ }
+ }
+
+ // wide version only
+ @media (min-width: @wrap-width) {
+ & {
+ grid-gap: 5px 40px;
  }
 
+ .extended-masthead & {
+ grid-template-areas:
+ 'logo title'
+ 'logo subtitle';
+
+ .site-title {
+ align-self: end;
+ margin-top: 2px;
+ }
+ }
+ }
+
+ @media (min-width: @lg) {
+ & {
+ margin: 20px 0 10px;
+ }
+ }
+
+ @media (max-width: @sm - 1) {
  .site-title {
- align-self: center;
+ font-size: @font-size-head-l;
+ white-space: unset;
+ }
+
+ .welcome {
+ font-size: 1em;
  }
  }
 }

ckanext/nhm/theme/assets/scripts/apps/search/src/App.vue

@@ -33,7 +33,7 @@
  </div>
  <div class="text-right nowrap" style="margin-left: 10px">
  <a
- href="#"
+ href="javascript:void(0);"
  @click="showAdvanced = !showAdvanced"
  class="collapse-to-icon"
  >
@@ -45,7 +45,11 @@
  </a>
  </div>
  <div class="text-right nowrap" style="margin-left: 10px">
- <a href="#" @click="toggleQuery" class="collapse-to-icon">
+ <a
+ href="javascript:void(0);"
+ @click="toggleQuery"
+ class="collapse-to-icon"
+ >
  Query
  <i
  class="inline-icon-right fas"
@@ -56,13 +60,17 @@
  </a>
  </div>
  <div class="text-right nowrap" style="margin-left: 10px">
- <a href="#" @click="reset" class="collapse-to-icon">
+ <a
+ href="javascript:void(0);"
+ @click="reset"
+ class="collapse-to-icon"
+ >
  Reset <i class="inline-icon-right fas fa-trash"></i>
  </a>
  </div>
  <div class="text-right nowrap" style="margin-left: 10px">
  <a
- href="#"
+ href="javascript:void(0);"
  @click="showResources = !showResources"
  id="btnResources"
  class="collapse-to-icon"

ckanext/nhm/theme/assets/scripts/apps/search/src/components/FilterGroup.vue

@@ -8,7 +8,7 @@
  >
  <a
  class="group-type"
- href="#"
+ href="javascript:void(0);"
  @click.self="changeGroupType"
  v-if="nestLevel > 0"
  >

ckanext/nhm/theme/assets/scripts/apps/search/src/components/ResourceList.vue

@@ -13,7 +13,7 @@
  </div>
  <span v-for="(pkg, index) in packageList" v-bind:key="pkg.id">
  <a
- href="#"
+ href="javascript:void(0);"
  :id="pkg.id"
  :value="pkg.id"
  title="alt+click to select only this dataset"

ckanext/nhm/theme/assets/scripts/apps/search/src/components/Results.vue

@@ -5,9 +5,11 @@
  <h3>Something went wrong!</h3>
  <p>
  Please
- <a href="#" @click="$emit('show-query')">check your query</a>
+ <a href="javascript:void(0);" @click="$emit('show-query')"
+ >check your query</a
+ >
  ,
- <a href="#" @click="$emit('reset')">try resetting</a>
+ <a href="javascript:void(0);" @click="$emit('reset')">try resetting</a>
  , and
  <a href="/contact">contact us</a>
  if you think you've found a problem.
@@ -48,7 +50,7 @@
  </ul>
  <div class="text-right">
  <a
- href="#"
+ href="javascript:void(0);"
  @click="showFields = !showFields"
  :id="'show-fields-' + _uid"
  v-if="view === 'Table'"
@@ -91,7 +93,7 @@
  <ul class="pagination">
  <li v-if="page > 0">
  <a
- href="#"
+ href="javascript:void(0);"
  aria-label="Show first results page"
  @click="runSearch(0)"
  >
@@ -100,21 +102,24 @@
  </li>
  <li v-if="page > 0">
  <a
- href="#"
+ href="javascript:void(0);"
  aria-label="Show previous results page"
  @click="runSearch(page - 1)"
  >
  {{ page }}
  </a>
  </li>
  <li class="active">
- <a href="#" aria-label="Go to the top of this results page">
+ <a
+ href="javascript:void(0);"
+ aria-label="Go to the top of this results page"
+ >
  {{ page + 1 }}
  </a>
  </li>
  <li v-if="_after.length > page">
  <a
- href="#"
+ href="javascript:void(0);"
  aria-label="Show next results page"
  @click="runSearch(page + 1)"
  >

ckanext/nhm/theme/assets/scripts/apps/search/src/components/popups/Cite.vue

@@ -39,7 +39,7 @@
  </div>
  <div class="text-right">
  <a
- href="#"
+ href="javascript:void(0);"
  @click="getDOI(doiForm)"
  class="btn btn-primary"
  v-if="doi === null"