From 46ab3dfd4c0d0686ef796721e7f7757dbd1d191b Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <5312836+lawshe@users.noreply.github.com>
Date: Tue, 18 Apr 2023 08:11:12 -0500
Subject: [PATCH] Merge pull request #12249 from overleaf/tm-gallery-top-picks

Implement top picks in template gallery for CVs

GitOrigin-RevId: 22f720582e27fac2b9e454ce4e28bd124de094b7
---
 .../stylesheets/app/templates-v2.less         | 25 +++++++++++++++++++
 .../frontend/stylesheets/components/card.less |  6 +++++
 services/web/locales/en.json                  |  2 ++
 3 files changed, 33 insertions(+)

diff --git a/services/web/frontend/stylesheets/app/templates-v2.less b/services/web/frontend/stylesheets/app/templates-v2.less
index fac2401d51..89f9205c91 100644
--- a/services/web/frontend/stylesheets/app/templates-v2.less
+++ b/services/web/frontend/stylesheets/app/templates-v2.less
@@ -128,6 +128,31 @@
   }
 }
 
+@top-picks-banner-extra-width: 50px;
+.top-picks-banner {
+  padding: 0px;
+  width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+
+  @media (min-width: (@screen-lg-min + @top-picks-banner-extra-width)) {
+    width: @container-lg + @top-picks-banner-extra-width;
+  }
+
+  @media (max-width: (@screen-lg-min + @top-picks-banner-extra-width - 1)) {
+    border-radius: 0;
+  }
+}
+
+.gallery-top-pick-badge {
+  margin-left: @margin-sm;
+  &:extend(.label);
+  &:extend(.label-primary);
+  cursor: default;
+  font-size: 14px;
+  padding: 3px 8px;
+}
+
 /* Media Queries */
 @media (max-width: @screen-xs-max) {
   .gallery-container {
diff --git a/services/web/frontend/stylesheets/components/card.less b/services/web/frontend/stylesheets/components/card.less
index 832e081062..8ca195e337 100644
--- a/services/web/frontend/stylesheets/components/card.less
+++ b/services/web/frontend/stylesheets/components/card.less
@@ -81,3 +81,9 @@
   background-color: @card-gray-bg-color;
   border-radius: @card-border-radius;
 }
+
+.card-gray-dark {
+  &:extend(.card);
+  background-color: @ol-blue-gray-1;
+  border-radius: @card-border-radius;
+}
diff --git a/services/web/locales/en.json b/services/web/locales/en.json
index 28b0479a45..f5f5f5e638 100644
--- a/services/web/locales/en.json
+++ b/services/web/locales/en.json
@@ -1481,6 +1481,7 @@
   "template_gallery": "Template Gallery",
   "template_not_found_description": "This way of creating projects from templates has been removed. Please visit our template gallery to find more templates.",
   "template_title_taken_from_project_title": "The template title will be taken automatically from the project title",
+  "template_top_pick_by_overleaf": "This template was hand-picked by Overleaf staff for its high quality",
   "templates": "Templates",
   "terminated": "Compilation cancelled",
   "terms": "Terms",
@@ -1559,6 +1560,7 @@
   "tooltip_hide_pdf": "Click to hide the PDF",
   "tooltip_show_filetree": "Click to show the file-tree",
   "tooltip_show_pdf": "Click to show the PDF",
+  "top_pick": "Top pick",
   "total_per_month": "Total per month",
   "total_per_year": "Total per year",
   "total_per_year_for_x_users": "total per year for __licenseSize__ users",