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

Merge pull request #21679 from overleaf/jel-template-mobile

[web] Go back to full width on mobile for gallery details

GitOrigin-RevId: 82ecefbd96d3693ec62ccfb70ed0eba2287bbc36
Jessica Lawshe 1 год назад
Родитель
Сommit
9cfec57c1d

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

@@ -336,12 +336,20 @@
   .template-details-container {
     @include heading-xs;
 
-    gap: var(--spacing-04) var(--spacing-11);
-    display: grid;
-    grid-template-columns: auto auto;
+    @include media-breakpoint-up(lg) {
+      gap: var(--spacing-04) var(--spacing-11);
+      display: grid;
+      grid-template-columns: auto auto;
+    }
 
     .template-detail {
-      display: contents;
+      @include media-breakpoint-down(lg) {
+        margin-bottom: var(--spacing-06);
+      }
+
+      @include media-breakpoint-up(lg) {
+        display: contents;
+      }
 
       div:first-child {
         white-space: nowrap;