Procházet zdrojové kódy

Merge pull request #21386 from overleaf/jel-gallery-related-tags

[web] Use standard badge link CSS on related tags

GitOrigin-RevId: 6efe8add61e677c83fc3983cf7a7c9a1ac95b33c
Jessica Lawshe před 2 roky
rodič
revize
597551859e

+ 1 - 0
services/web/frontend/stylesheets/bootstrap-5/components/badge.scss

@@ -122,5 +122,6 @@ $max-width: 160px;
   gap: var(--spacing-05);
   flex-wrap: wrap;
   list-style: none;
+  margin: 0;
   padding: 0;
 }

+ 4 - 13
services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss

@@ -364,9 +364,7 @@
 
   .related-tags {
     margin-top: var(--spacing-09);
-    padding: 0 var(--spacing-05);
-    gap: var(--spacing-05);
-    max-height: 60px;
+    max-height: 61px;
     overflow: hidden;
 
     &.all-tags {
@@ -376,17 +374,10 @@
       // when Show More is clicked
       min-height: 102px;
     }
-  }
-
-  .tag-badge {
-    max-width: 200px;
-  }
-
-  .tag-link {
-    text-decoration: none;
-    color: inherit;
 
-    @include body-sm;
+    .badge-link {
+      max-width: 200px;
+    }
   }
 
   .show-more-tags {