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

Plans page (New design Mobile) - Adding group member picker dropdown in groups plans card in mobile screen (#19718)

Browse source 
* adding group_member_picker mixin on mobile screen

* renaming screenSize to device

* adding a Separator before device name

* removing period argument passing from plans-cat mixin

* creating a z-index z-index-group-member-picker-list to avoid the overlap of the dropdown menu on the list above it

GitOrigin-RevId: 538f08064f72cbc85343ee3b44645231b894b9d4
This commit is contained in:
Davinder Singh 2024-08-07 14:26:43 +01:00 committed by Copybot
parent 39f10a82bb
commit d9744bc35c
1 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
services/web/frontend/stylesheets/app/plans/plans-new-design.less
View file

@ -1,4 +1,5 @@
@z-index-plans-new-tabs: 1; @z-index-plans-new-tabs: 1;
@z-index-group-member-picker-list: 1;
@z-index-plans-new-tabs-content: 0; @z-index-plans-new-tabs-content: 0;
@highlighted-heading-line-height: (@line-height-03 / 1rem) * 16px; // convert to px @highlighted-heading-line-height: (@line-height-03 / 1rem) * 16px; // convert to px
@ -451,6 +452,7 @@
background-color: white; background-color: white;
width: 100%; width: 100%;
margin-top: var(--spacing-01); margin-top: var(--spacing-01);
z-index: @z-index-group-member-picker-list;
} }
li { li {
@ -730,11 +732,20 @@
} }
} }
.group-members-picker-container-mobile {
margin-top: var(--spacing-08);
}
.plans-card-cta-buy-now-mobile { .plans-card-cta-buy-now-mobile {
width: 100%; width: 100%;
margin-top: var(--spacing-08); margin-top: var(--spacing-08);
line-height: var(--line-height-03); line-height: var(--line-height-03);
} }
.group-plans-card-cta-buy-now-mobile {
width: 100%;
margin-top: var(--spacing-04);
line-height: var(--line-height-03);
}
} }
} }
} }