فهرست منبع

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 2 سال پیش
والد
کامیت
9cfec57c1d
1فایلهای تغییر یافته به همراه12 افزوده شده و 4 حذف شده
  1. 12 4
      services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss

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

@@ -336,12 +336,20 @@
   .template-details-container {
   .template-details-container {
     @include heading-xs;
     @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 {
     .template-detail {
-      display: contents;
+      @include media-breakpoint-down(lg) {
+        margin-bottom: var(--spacing-06);
+      }
+
+      @include media-breakpoint-up(lg) {
+        display: contents;
+      }
 
 
       div:first-child {
       div:first-child {
         white-space: nowrap;
         white-space: nowrap;