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

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
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;