Fixed spurious whitespace for gn-comma-list (geonetwork#8398)

* Fixed spurious whitespace for gn-comma-list * fixed issue when translate occurs on label
GeoCat · Oct 8, 2024 · f65ae30 · f65ae30
1 parent 51c0b01
commit f65ae30
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 8 deletions.
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
@@ -258,14 +258,20 @@
       display: inline;
       line-break: auto;
       word-break: break-word;
+      letter-spacing: -1em;
+      * {
+        letter-spacing: normal;
+      }
       a {
         line-break: normal;
       }
       &:after {
         content: ", ";
+        letter-spacing: normal;
       }
       &:last-child:after {
         content: "";
+        letter-spacing: normal;
       }
     }
   }

diff --git a/web-ui/src/main/resources/catalog/views/default/templates/recordView/metadata.html b/web-ui/src/main/resources/catalog/views/default/templates/recordView/metadata.html
@@ -20,7 +20,9 @@ <h3 data-translate="">updatedOn</h3>
   <div>
     <h3 data-translate="">metadataLanguage</h3>
     <ul class="gn-comma-list">
-      <li data-ng-repeat="l in mdLanguages">{{l | translate}}</li>
+      <li data-ng-repeat="l in mdLanguages">
+        <span> {{l | translate}} </span>
+      </li>
     </ul>
   </div>
 </div>

diff --git a/web-ui/src/main/resources/catalog/views/default/templates/recordView/spatial.html b/web-ui/src/main/resources/catalog/views/default/templates/recordView/spatial.html
@@ -35,7 +35,7 @@ <h3 data-translate="">scale</h3>
         data-ng-repeat="d in mdView.current.record.resolutionScaleDenominator"
         class="gn-scale"
       >
-        {{d}}
+        <span> {{d}} </span>
       </li>
     </ul>
   </div>
@@ -51,7 +51,9 @@ <h3 data-translate="">scale</h3>
   <div>
     <h3 data-translate="">resolution</h3>
     <ul class="gn-comma-list">
-      <li data-ng-repeat="r in mdView.current.record.resolutionDistance">{{r}}</li>
+      <li data-ng-repeat="r in mdView.current.record.resolutionDistance">
+        <span>{{r}}</span>
+      </li>
     </ul>
   </div>
 </div>

diff --git a/web-ui/src/main/resources/catalog/views/default/templates/recordView/technical.html b/web-ui/src/main/resources/catalog/views/default/templates/recordView/technical.html
@@ -120,11 +120,8 @@ <h3 data-translate="">resourceEdition</h3>
     <div>
       <h3 data-translate="">language</h3>
       <ul class="gn-comma-list">
-        <li
-          data-ng-repeat="l in mdView.current.record.resourceLanguage"
-          data-translate=""
-        >
-          {{l}}
+        <li data-ng-repeat="l in mdView.current.record.resourceLanguage">
+          <span data-translate=""> {{l}} </span>
         </li>
       </ul>
     </div>