[BP] List styling for related records (#7442)

* List styling for related records Add a list styling to related records when the `data-layout="title"` * No list styling when the related list is contained in the top of the page
geonetwork · Oct 25, 2023 · c8c2466 · c8c2466
1 parent e3dfa4a
commit c8c2466
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/web-ui/src/main/resources/catalog/components/metadataactions/partials/related.html b/web-ui/src/main/resources/catalog/components/metadataactions/partials/related.html
@@ -176,8 +176,8 @@ <h3 data-ng-if="groupSiblingsByType && items.length > 0" class="gn-related-title
       {{type.replace('siblings', '') | translate}}
     </h3>
 
-    <ul class="gn-related-list">
-      <li data-ng-repeat="md in items | orderBy:getOrderBy">
+    <ul class="gn-related-list list-group">
+      <li class="list-group-item" data-ng-repeat="md in items | orderBy:getOrderBy">
         <a
           data-ng-hide="md.remoteUrl"
           href=""

diff --git a/web-ui/src/main/resources/catalog/views/default/less/gn_result_default.less b/web-ui/src/main/resources/catalog/views/default/less/gn_result_default.less
@@ -176,6 +176,19 @@
       background-color: lighten(@gray-base, 85%);
     }
   }
+  .gn-card-series, .gn-card-dataset, .gn-card-nonGeographicDataset, .gn-card-service, .gn-card-application {
+    .gn-related-list {
+      &.list-group {
+        padding: 0;
+        margin-bottom: 10px;
+        .list-group-item {
+          background: none;
+          border: 0;
+          padding: 0;
+        }
+      }
+    }
+  }
   .gn-series {
     .nav-pills {
       li {