Merge pull request #20902 from overleaf/mf-filter-navigation

[web] Gallery filter navigation redesign

GitOrigin-RevId: 0b9b0ed5d70dc4ab3956465d7669636143108d86

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

@@ -1,6 +1,34 @@
 .gallery {
   margin-top: var(--spacing-10);
 
+  .filters {
+    float: right;
+    margin-bottom: var(--spacing-09);
+    display: flex;
+    gap: var(--spacing-04);
+
+    @include media-breakpoint-down(lg) {
+      float: none;
+    }
+
+    a {
+      text-decoration: none;
+
+      &:visited {
+        color: var(--green-50);
+      }
+
+      &:hover {
+        color: var(--green-60);
+      }
+
+      &.active {
+        font-weight: 600;
+        text-decoration: underline;
+      }
+    }
+  }
+
   .top-picks-banner.container {
     padding: 0;
     margin: var(--spacing-16) auto;

services/web/locales/en.json

@@ -310,6 +310,7 @@
   "common": "Common",
   "common_causes_of_compile_timeouts_include": "Common causes of compile timeouts include",
   "commons_plan_tooltip": "You’re on the __plan__ plan because of your affiliation with __institution__. Click to find out how to make the most of your Overleaf premium features.",
+  "community_articles": "Community articles",
   "compact": "Compact",
   "company_name": "Company Name",
   "compare": "Compare",