From 2d87fe036d3014d95d97657b026b9b5ec3ee9c42 Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <5312836+lawshe@users.noreply.github.com>
Date: Tue, 22 Oct 2024 09:08:54 -0500
Subject: [PATCH] Merge pull request #21272 from
overleaf/jel-gallery-categories-images
[web] Update categories images for gallery redesign
GitOrigin-RevId: 4a8afef62af5e873f63ce90f976fe924ba9ecbe9
---
.../bootstrap-5/pages/templates-v2.scss | 21 ++++++++++++-------
.../gallery/academic-journal.svg | 11 ++++++++++
.../website-redesign/gallery/bibliography.svg | 15 +++++++++++++
.../img/website-redesign/gallery/book.svg | 8 +++++++
.../img/website-redesign/gallery/calendar.svg | 9 ++++++++
.../img/website-redesign/gallery/cv.svg | 2 +-
.../gallery/formal-letter.svg | 18 ++++++++++++++++
.../img/website-redesign/gallery/homework.svg | 16 ++++++++++++++
.../website-redesign/gallery/newsletter.svg | 16 ++++++++++++++
.../img/website-redesign/gallery/poster.svg | 14 +++++++++++++
.../website-redesign/gallery/presentation.svg | 5 +++++
.../img/website-redesign/gallery/report.svg | 8 +++++++
.../img/website-redesign/gallery/thesis.svg | 17 +++++++++++++++
13 files changed, 151 insertions(+), 9 deletions(-)
create mode 100644 services/web/public/img/website-redesign/gallery/academic-journal.svg
create mode 100644 services/web/public/img/website-redesign/gallery/bibliography.svg
create mode 100644 services/web/public/img/website-redesign/gallery/book.svg
create mode 100644 services/web/public/img/website-redesign/gallery/calendar.svg
create mode 100644 services/web/public/img/website-redesign/gallery/formal-letter.svg
create mode 100644 services/web/public/img/website-redesign/gallery/homework.svg
create mode 100644 services/web/public/img/website-redesign/gallery/newsletter.svg
create mode 100644 services/web/public/img/website-redesign/gallery/poster.svg
create mode 100644 services/web/public/img/website-redesign/gallery/presentation.svg
create mode 100644 services/web/public/img/website-redesign/gallery/report.svg
create mode 100644 services/web/public/img/website-redesign/gallery/thesis.svg
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss
index 66976029f5..8aea6eb7d8 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss
@@ -107,12 +107,6 @@
.gallery-container {
--bs-gutter-y: var(--spacing-09);
-
- .thumbnail {
- background-color: var(--bg-light-secondary);
- aspect-ratio: 1 / 1.414; // A4 Paper
- object-fit: contain;
- }
}
.gallery-thumbnail {
@@ -122,11 +116,18 @@
display: inline-block;
}
+ .thumbnail,
+ .thumbnail-tag {
+ width: 100%;
+ margin: 0 0 var(--spacing-08) 0;
+ }
+
.thumbnail {
+ background-color: var(--bg-light-secondary);
+ aspect-ratio: 1 / 1.414; // A4 Paper
+ object-fit: contain;
border-radius: var(--border-radius-base);
box-shadow: 0 var(--spacing-01) var(--spacing-02) rgb(0 0 0 / 10%);
- margin: 0 0 var(--spacing-08) 0;
- width: 100%;
}
.caption {
@@ -183,6 +184,10 @@
margin-top: var(--spacing-16);
margin-bottom: var(--spacing-16);
+ a {
+ width: 100%;
+ }
+
h2 {
margin-bottom: var(--spacing-09);
}
diff --git a/services/web/public/img/website-redesign/gallery/academic-journal.svg b/services/web/public/img/website-redesign/gallery/academic-journal.svg
new file mode 100644
index 0000000000..44cd2c4c0d
--- /dev/null
+++ b/services/web/public/img/website-redesign/gallery/academic-journal.svg
@@ -0,0 +1,11 @@
+
diff --git a/services/web/public/img/website-redesign/gallery/bibliography.svg b/services/web/public/img/website-redesign/gallery/bibliography.svg
new file mode 100644
index 0000000000..b7cec06b77
--- /dev/null
+++ b/services/web/public/img/website-redesign/gallery/bibliography.svg
@@ -0,0 +1,15 @@
+
diff --git a/services/web/public/img/website-redesign/gallery/book.svg b/services/web/public/img/website-redesign/gallery/book.svg
new file mode 100644
index 0000000000..156467a61e
--- /dev/null
+++ b/services/web/public/img/website-redesign/gallery/book.svg
@@ -0,0 +1,8 @@
+
diff --git a/services/web/public/img/website-redesign/gallery/calendar.svg b/services/web/public/img/website-redesign/gallery/calendar.svg
new file mode 100644
index 0000000000..5fa7f243a8
--- /dev/null
+++ b/services/web/public/img/website-redesign/gallery/calendar.svg
@@ -0,0 +1,9 @@
+
diff --git a/services/web/public/img/website-redesign/gallery/cv.svg b/services/web/public/img/website-redesign/gallery/cv.svg
index e26abd6a23..ba59c36205 100644
--- a/services/web/public/img/website-redesign/gallery/cv.svg
+++ b/services/web/public/img/website-redesign/gallery/cv.svg
@@ -1,4 +1,4 @@
-