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

Merge pull request #17233 from overleaf/mf-fix-button-container-mobile

[website-redesign] Improve button container styling for mobile view

GitOrigin-RevId: 24e3d2a0ecd6bff63fb0b09eb13e68c147a7cbd9
M Fahru 2 лет назад
Родитель
Сommit
7ea86155bf
1 измененных файлов с 9 добавлено и 0 удалено
  1. 9 0
      services/web/frontend/stylesheets/app/website-redesign.less

+ 9 - 0
services/web/frontend/stylesheets/app/website-redesign.less

@@ -1053,6 +1053,15 @@
         justify-content: start;
       }
     }
+
+    @media (max-width: @screen-xs-max) {
+      width: 100%;
+      // this is currently useful for responsive-button-container that has two buttons
+      // in our current implementation, all two-buttons container will have the same value (explore plan + sign up)
+      // we want to sign up to be on the right side on big screen, and on the top on small screen
+      // if we want to apply this style for different buttons scenario, we should change this
+      flex-direction: column-reverse;
+    }
   }
 
   .label-premium {