FSU040THUL-5314 #647 Fixed size limits in display of facet counts

ThULB · Nov 12, 2024 · 2db59ec · 2db59ec
1 parent 3bb1550
commit 2db59ec
Show file tree

Hide file tree

Showing 4 changed files with 236 additions and 35 deletions.
diff --git a/erfurt/src/main/resources/META-INF/resources/scss/base/_general.scss b/erfurt/src/main/resources/META-INF/resources/scss/base/_general.scss
@@ -102,28 +102,63 @@ body {
 
 .counter-length {
   &-1 {
-    .mycore-facet-count { width: 25px; }
-    .mycore-facet-value { width: 210px; }
+    .mycore-facet-count {
+      width: 25px;
+    }
+
+    .mycore-facet-value {
+      width: 210px;
+    }
   }
+
   &-2 {
-    .mycore-facet-count { width: 35px; }
-    .mycore-facet-value { width: 200px; }
+    .mycore-facet-count {
+      width: 35px;
+    }
+
+    .mycore-facet-value {
+      width: 200px;
+    }
   }
+
   &-3 {
-    .mycore-facet-count { width: 40px; }
-    .mycore-facet-value { width: 195px; }
+    .mycore-facet-count {
+      width: 40px;
+    }
+
+    .mycore-facet-value {
+      width: 195px;
+    }
   }
+
   &-4 {
-    .mycore-facet-count { width: 55px; }
-    .mycore-facet-value { width: 180px; }
+    .mycore-facet-count {
+      width: 55px;
+    }
+
+    .mycore-facet-value {
+      width: 180px;
+    }
   }
+
   &-5 {
-    .mycore-facet-count { width: 60px; }
-    .mycore-facet-value { width: 175px; }
+    .mycore-facet-count {
+      width: 65px;
+    }
+
+    .mycore-facet-value {
+      width: 175px;
+    }
   }
+
   &-6 {
-    .mycore-facet-count { width: 75px; }
-    .mycore-facet-value { width: 160px; }
+    .mycore-facet-count {
+      width: 80px;
+    }
+
+    .mycore-facet-value {
+      width: 160px;
+    }
   }
 }
 

diff --git a/ilmenau/src/main/resources/META-INF/resources/scss/base/_general.scss b/ilmenau/src/main/resources/META-INF/resources/scss/base/_general.scss
@@ -57,3 +57,69 @@ i.flag-en {
 #ubo-search-person option[value="person_ths"] {
   display: none;
 }
+
+.mycore-facet-count {
+  margin-right: 0.25rem;
+}
+
+.counter-length {
+  &-1 {
+    .mycore-facet-count {
+      width: 25px;
+    }
+
+    .mycore-facet-value {
+      width: 210px;
+    }
+  }
+
+  &-2 {
+    .mycore-facet-count {
+      width: 35px;
+    }
+
+    .mycore-facet-value {
+      width: 200px;
+    }
+  }
+
+  &-3 {
+    .mycore-facet-count {
+      width: 40px;
+    }
+
+    .mycore-facet-value {
+      width: 195px;
+    }
+  }
+
+  &-4 {
+    .mycore-facet-count {
+      width: 55px;
+    }
+
+    .mycore-facet-value {
+      width: 180px;
+    }
+  }
+
+  &-5 {
+    .mycore-facet-count {
+      width: 65px;
+    }
+
+    .mycore-facet-value {
+      width: 175px;
+    }
+  }
+
+  &-6 {
+    .mycore-facet-count {
+      width: 80px;
+    }
+
+    .mycore-facet-value {
+      width: 160px;
+    }
+  }
+}
diff --git a/jena/src/main/resources/META-INF/resources/scss/base/_general.scss b/jena/src/main/resources/META-INF/resources/scss/base/_general.scss
@@ -4,14 +4,14 @@ body {
 
 @media (min-width: 768px) {
   body {
-      background: url('/images/body_background.png') right 13rem no-repeat fixed #fff;
+    background: url('/images/body_background.png') right 13rem no-repeat fixed #fff;
   }
 }
 
 .card {
-    border: none !important;
-    font-size: 15px;
-    background: rgba(255,255,255,0);
+  border: none !important;
+  font-size: 15px;
+  background: rgba(255, 255, 255, 0);
 }
 
 .card.mb-3 {
@@ -24,13 +24,13 @@ body {
 
 .card-body {
   padding: 10px 15px;
-  background: rgba(255,255,255,0) !important;
+  background: rgba(255, 255, 255, 0) !important;
 }
 
 .card-body h3 {
   font-size: 23px;
   font-weight: 400;
-  font-family: 'Roboto Condensed',Arial,sans-serif;
+  font-family: 'Roboto Condensed', Arial, sans-serif;
   letter-spacing: 0.02em;
   color: #002350;
 }
@@ -43,6 +43,72 @@ h3#seitentitel {
   background-color: transparent;
 }
 
+.mycore-facet-count {
+  margin-right: 0.25rem;
+}
+
+.counter-length {
+  &-1 {
+    .mycore-facet-count {
+      width: 25px;
+    }
+
+    .mycore-facet-value {
+      width: 210px;
+    }
+  }
+
+  &-2 {
+    .mycore-facet-count {
+      width: 35px;
+    }
+
+    .mycore-facet-value {
+      width: 200px;
+    }
+  }
+
+  &-3 {
+    .mycore-facet-count {
+      width: 40px;
+    }
+
+    .mycore-facet-value {
+      width: 195px;
+    }
+  }
+
+  &-4 {
+    .mycore-facet-count {
+      width: 55px;
+    }
+
+    .mycore-facet-value {
+      width: 180px;
+    }
+  }
+
+  &-5 {
+    .mycore-facet-count {
+      width: 65px;
+    }
+
+    .mycore-facet-value {
+      width: 175px;
+    }
+  }
+
+  &-6 {
+    .mycore-facet-count {
+      width: 80px;
+    }
+
+    .mycore-facet-value {
+      width: 160px;
+    }
+  }
+}
+
 #ubo-search-person option[value="person_ths"] {
   display: none;
 }
diff --git a/weimar/src/main/resources/META-INF/resources/scss/base/_general.scss b/weimar/src/main/resources/META-INF/resources/scss/base/_general.scss
@@ -42,11 +42,6 @@ h1, h2, h3, h4, h5 {
   margin-right: 0rem;
 }
 
-// more space after pipe in facett entry
-.mycore-facet-count {
-  margin-right: 0.25rem;
-}
-
 .mycore-facet-exclude,
 .mycore-facet-remove {
   color: $weimarRButton;
@@ -87,30 +82,69 @@ h1, h2, h3, h4, h5 {
   color: #fff;
 }
 
+.mycore-facet-count {
+  margin-right: 0.25rem;
+}
+
 .counter-length {
   &-1 {
-    .mycore-facet-count { width: 25px; }
-    .mycore-facet-value { width: 210px; }
+    .mycore-facet-count {
+      width: 25px;
+    }
+
+    .mycore-facet-value {
+      width: 210px;
+    }
   }
+
   &-2 {
-    .mycore-facet-count { width: 35px; }
-    .mycore-facet-value { width: 200px; }
+    .mycore-facet-count {
+      width: 35px;
+    }
+
+    .mycore-facet-value {
+      width: 200px;
+    }
   }
+
   &-3 {
-    .mycore-facet-count { width: 40px; }
-    .mycore-facet-value { width: 195px; }
+    .mycore-facet-count {
+      width: 40px;
+    }
+
+    .mycore-facet-value {
+      width: 195px;
+    }
   }
+
   &-4 {
-    .mycore-facet-count { width: 55px; }
-    .mycore-facet-value { width: 180px; }
+    .mycore-facet-count {
+      width: 55px;
+    }
+
+    .mycore-facet-value {
+      width: 180px;
+    }
   }
+
   &-5 {
-    .mycore-facet-count { width: 60px; }
-    .mycore-facet-value { width: 175px; }
+    .mycore-facet-count {
+      width: 65px;
+    }
+
+    .mycore-facet-value {
+      width: 175px;
+    }
   }
+
   &-6 {
-    .mycore-facet-count { width: 75px; }
-    .mycore-facet-value { width: 160px; }
+    .mycore-facet-count {
+      width: 80px;
+    }
+
+    .mycore-facet-value {
+      width: 160px;
+    }
   }
 }