github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

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

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

GitOrigin-RevId: 24e3d2a0ecd6bff63fb0b09eb13e68c147a7cbd9
This commit is contained in:
M Fahru 2024-02-26 08:10:36 -07:00 committed by Copybot
parent ff9f9f8c2c
commit 7ea86155bf
1 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
services/web/frontend/stylesheets/app/website-redesign.less
View file

@ -1053,6 +1053,15 @@
justify-content: start; 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 { .label-premium {