* simplifying the logic of button rendering that matches the desktop version
* removing the plans_page_new_btn_buy_now_free mixin and adding the class .plans-cta-buttons-gap
* adding .plans-cta-buttons-gap to the desktop version
* changing table-header to mobile-card while calling the function
* adding styling into .plans-new-table-cta and removing plans-cta-buttons-gap usage from desktop version
* moving .plans-cta-buttons-gap into .plans-card-cta-container-monthly-annual
* renaming the gap class to .plans-card-cta-buttons-container and using nth-child approach
* using the nth-child approach in .plans-new-table-cta
GitOrigin-RevId: 692814af8d8cf4dda0ea53dea9a3fe4adcf1dcd3
[web] Create group member picker footer with a link that opens contact sales modal on new plans page
GitOrigin-RevId: 1dc1dce726cc0222bbbef911a016f1eb6a881aeb
* 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
* adding features table header
* adding the table body mixin
* adding margin bottom
* adding alternative colors to rows
* adding section heading in the table
* adding spacing in the rows by adding an extra div
* adding correct styling to section heading
* removing extra styling
* renaming class
* adding an extra row for row heading because it was interferring with the natural flow of row and cells when added to the same row as other cells
* adding code into mixins
* renaming the mixin
* fixing the margin bottom of table header
* adding 4n factor alternative styling for rows
* removing unused width
* Implement alternate color for all tbody on the mobile feature table
* adding padding top to plans-features-table-row-section-heading-content-mobile to match the figma design
* adding a translation and a comment
* renaming a few classnames and removing some comments
* removing extra comments
* replacing hex code with variable
* cleaning some CSS
* using a shade of neutral variables
* replacing colors with variables in less file
* adding font size for plans-features-table-header-item-price-mobile
* adding class .icon-md
* removing TODO comment
* adding css var on remaining variables
---------
Co-authored-by: M Fahru <m.fahru@overleaf.com>
GitOrigin-RevId: 89cf0fa35722b887c9d787a9a3442fbe758caafb
[web] Improve the structure of the price elements on the new plans table by using grid display
GitOrigin-RevId: 08052aec5037432af7ad4d4c554e529582d4acfc
* running git reset head
* renaming the local-mixins file to _plans_faq
* removed js to rotate the icon
* format:fix
* adding aria-hidden for curly braces
* removing extra tab space
* removing .card.card-body extra class
* introducing accordions-container so that we can use the last-child property to remove the border of the last questions
* creating new website-redesign-ol-tabs class and adding new styles in this class
* adding content for managingYourSubscription and overleafIndividualPlans sections
* adding content in overleaf group plans section
* removing extra section
* running make cleanup_unused_locales
* cleaning after rebase
* deleting extra variable projectLimits
* fixing spaces around curly brackets and some additional changes after rebase
GitOrigin-RevId: 3c2267080825d853e680a0a207cb640226262be2
Make new plans table head row (thead > tr) have a dynamic height depending on the maximum value of one of the `th`
GitOrigin-RevId: 1aad2f023a3e83f3037a41b061d63a9351eb1ae8