Просмотр исходного кода

Merge pull request #21411 from overleaf/jel-gallery

[web] "Back to ..." link text and hover effect on gallery search result images

GitOrigin-RevId: bfa21b17da7a3409139b1cf186b036ee65bf87eb
Jessica Lawshe 1 год назад
Родитель
Сommit
ae9ba2b775

+ 14 - 14
services/web/frontend/stylesheets/bootstrap-5/components/gallery-search.scss

@@ -46,30 +46,30 @@
           justify-content: center;
           height: 100%;
           width: 100%;
+          position: relative;
+
+          &::before {
+            content: '';
+            background: var(--neutral-90);
+            opacity: 0;
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            border-radius: var(--border-radius-base);
+            transition: opacity 0.15s ease-in-out;
+          }
 
           img {
             @include shadow-md;
 
             width: 185px;
             border-radius: var(--border-radius-base);
-            position: relative;
 
             @include media-breakpoint-down(sm) {
               width: 35vw;
             }
-
-            &::before {
-              content: '';
-              background: var(--neutral-90);
-              opacity: 0;
-              position: absolute;
-              top: 0;
-              left: 0;
-              width: 100%;
-              height: 100%;
-              border-radius: var(--border-radius-base);
-              transition: opacity 0.15s ease-in-out;
-            }
           }
 
           &:hover {