Commit graph

55 commits

Author SHA1 Message Date
M Fahru
5065bb78ea Merge pull request #19904 from overleaf/ds-plans-page-new-design-adding-geo-banners
Plans page new design - Implement geo banner for India and latin america users

GitOrigin-RevId: 4b0ca2e6e290672c5ae1f41cde904a4d48197a33
2024-08-15 08:05:58 +00:00
M Fahru
50b11da587 Merge pull request #19855 from overleaf/mf-interstitial-new-plans-page-redesign
[web] Implement plans table for the new interstitial payment page

GitOrigin-RevId: 28b6a0c8c42d709d5be067d79f7f852fe188a3cf
2024-08-15 08:05:54 +00:00
Jessica Lawshe
ac06b0530c Merge pull request #19937 from overleaf/jel-new-period-toggle
[web] Add space between options in new plans period toggle

GitOrigin-RevId: fee13d4e933a5f2d16f14bbd1fd0b9b130a0084e
2024-08-15 08:05:24 +00:00
Jessica Lawshe
5496e13640 Merge pull request #19886 from overleaf/jel-plans-headers
[web] Separate column header pieces into new rows on new plans page

GitOrigin-RevId: db7f316ce8b7c983e7e000f95eb870962fc0bc9f
2024-08-15 08:05:19 +00:00
M Fahru
dfa8eee981 Merge pull request #19811 from overleaf/mf-group-tab-educational-discount-new-plans-page
[web] Implement educational discount for group plans in new plans page

GitOrigin-RevId: bd8c76c3bbcdad25ac0b1f2353c52b318db55c83
2024-08-15 08:05:02 +00:00
Jessica Lawshe
0f5184ac27 Merge pull request #18986 from overleaf/jel-faq-tabs-match-figma
[web] Style updates to new tab style to match Figma

GitOrigin-RevId: d78101cc53e00f309e52798214b9bc97d047828f
2024-08-14 08:05:07 +00:00
Davinder Singh
90c32aacee Merge pull request #19869 from overleaf/mf-plans-faq-button-use-material-symbols
[web] Use material symbols on plans FAQ's button

GitOrigin-RevId: 934f3627027a297fa39a835c98ff337f2a93d1d1
2024-08-14 08:04:46 +00:00
Davinder Singh
3a084d9606 Plans Page new design - Implement href for all of the CTA buttons for mobile screen (#19858)
* 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
2024-08-14 08:04:42 +00:00
M Fahru
b1cfb00e30 Merge pull request #19760 from overleaf/mf-more-than-50-group-member-picker
[web] Create group member picker footer with a link that opens contact sales modal on new plans page

GitOrigin-RevId: 1dc1dce726cc0222bbbef911a016f1eb6a881aeb
2024-08-09 08:04:34 +00:00
Davinder Singh
d9744bc35c Plans page (New design Mobile) - Adding group member picker dropdown in groups plans card in mobile screen (#19718)
* 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
2024-08-08 08:04:42 +00:00
M Fahru
2113a94aff Merge pull request #19784 from overleaf/mf-interstitial-payment-new-design-switcher
[web] Implement new interstitial payment page period switcher and header

GitOrigin-RevId: cd60909bad3c597661ba99a785ca49ed85b75af3
2024-08-07 08:04:52 +00:00
M Fahru
075b83be8a Merge pull request #19696 from overleaf/mf-strikethrough0-text-color-change
[web] Change color of strikethrough text to `neutral-60` to improve color contrast

GitOrigin-RevId: 259bc6370fb2d02c073c7409ead5b97e08dc9724
2024-08-01 08:06:03 +00:00
M Fahru
686d6066b8 Merge pull request #19047 from overleaf/mf-new-plans-group-member-picker
Group member picker for desktop view on the new plans page

GitOrigin-RevId: ffbbdea404366b647d68167b943cf14565cd12eb
2024-08-01 08:05:16 +00:00
M Fahru
b775f26024 Merge pull request #19517 from overleaf/mf-overleaf-common-request-link
Implement "request overleaf common" section in the student tab for plans new design

GitOrigin-RevId: 5ef3987c0d877bee25a4b595c345c550370903d6
2024-07-31 08:05:37 +00:00
Davinder Singh
08252914f5 Merge pull request #19546 from overleaf/ds-plans-page-groups-tab-plan-cards-mobile
Plans page (New design mobile) - Adding plan cards in groups tab

GitOrigin-RevId: bd11a3edb5899181a1872fd6e77578e284588f83
2024-07-30 08:05:48 +00:00
Davinder Singh
1b23c1da09 Merge pull request #19636 from overleaf/ds-table-header-sticky-2
Plans page - Making the features table header sticky

GitOrigin-RevId: 37976acfbdcc671178ef5613b2e9eb6d02c70296
2024-07-30 08:05:43 +00:00
M Fahru
a8a655ff3b Reduce spacing between FAQ heading text and FAQ content
GitOrigin-RevId: c4ca73f5651f56f8565069f54417f55ef26700a8
2024-07-25 08:05:00 +00:00
M Fahru
cce68028c6 Reduce plans new discount badge font weight to 500
GitOrigin-RevId: ee00383135e1a9577842f9f1382ea9e243ebe1b6
2024-07-25 08:04:55 +00:00
M Fahru
394d07d03e Merge pull request #19509 from overleaf/mf-contact-support-faq
Implement contact support link below FAQ section

GitOrigin-RevId: 5c22c9807522b3ba88169b759520feb165f3f499
2024-07-25 08:04:51 +00:00
Davinder Singh
c1ff760925 Merge pull request #19508 from overleaf/ds-buy-now-btn-new-design
Plans page - Plans card buy now btn matching the style to Figma

GitOrigin-RevId: a518540d2aa5870b0fb90671c7785b90378ae74f
2024-07-25 08:04:37 +00:00
Davinder Singh
96e290d959 Merge pull request #19515 from overleaf/ds-plans-page-groups-tab-mobile
Plans page ( New Design Mobile )- Adding the features table for groups tab

GitOrigin-RevId: 9b27707f60441a16b67aafab8814635de4444110
2024-07-25 08:04:32 +00:00
Davinder Singh
a8bddfc58a Merge pull request #19339 from overleaf/ds-plans-page-new-design-plans-features-table-mobile-screen-2
Website redesign - Plans page features table section table header mixin

GitOrigin-RevId: b6eb9625bc962aa6cc5fe22df3c59f368721f0ce
2024-07-19 08:04:42 +00:00
M Fahru
e28a754b55 Merge pull request #19289 from overleaf/mf-complete-all-desktop-plans-table
[web] Complete all new plans page feature table for desktop view

GitOrigin-RevId: a8eee5af8f60717b6794382b89543445c56cbf82
2024-07-17 08:04:24 +00:00
Davinder Singh
3083d8082f Merge pull request #19291 from overleaf/ds-plans-page-new-design-plans-features-table-mobile-screen-follow-up
Website redesign - Plans page features table section follow up

GitOrigin-RevId: 7e175ffbb916c613fc1f297c1c2b6ec989cbee00
2024-07-16 08:04:41 +00:00
M Fahru
fb26087894 Merge pull request #19369 from overleaf/mf-new-plans-page-disclaimer-price
[web] New plans page - prices disclaimer section

GitOrigin-RevId: bf41514bdce063b1a47c17142f1b3f576633e697
2024-07-15 09:04:16 +00:00
M Fahru
7ba268b912 Merge pull request #19360 from overleaf/mf-new-plans-page-nondiscounted-price-on-top
[web] New plans page - move nondiscounted price on top of the price

GitOrigin-RevId: 411e07a0d6646b922cb3104de091f260da9efb89
2024-07-15 09:04:11 +00:00
Davinder Singh
79ec853c4a Website Redesign - Adding the features table section (#19167)
* 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
2024-07-15 09:03:11 +00:00
Davinder Singh
f201e795c4 Merge pull request #19094 from overleaf/ds-plans-page-new-design-plans-config-2
Website redesign - Displaying information on the plan cards via config object mobile version

GitOrigin-RevId: fca965b3fd7f35a90c9562b60a0b265667ea080e
2024-07-15 09:03:01 +00:00
Jessica Lawshe
90d7925a02 Merge pull request #18961 from overleaf/jel-new-plans-spacing
[web] Update main container spacing for new plans page

GitOrigin-RevId: b6c8fa852ba2025c78f6daa22146854fc6a13789
2024-06-27 08:04:48 +00:00
Jessica Lawshe
fbc9a557c7 Merge pull request #18959 from overleaf/jel-faq-tabs
[web] New tab and accordion more reusable

GitOrigin-RevId: ed8340bc4b6312c4270edf1edf53c74a067aaccf
2024-06-27 08:04:44 +00:00
M Fahru
381795c5a2 Create an organizations icon section on the new plans page
GitOrigin-RevId: 9c58fa1dadb66a8ab91102484bc6b937e568c40b
2024-06-24 12:03:42 +00:00
M Fahru
b197aee92e Merge pull request #18879 from overleaf/ds-plans-page-new-design-mobile-plans-2
Website redesign - Plans page new-design mobile screen plans card (2)

GitOrigin-RevId: d74f4d0769ae7a248226d2369a5419e26946e26d
2024-06-24 12:03:37 +00:00
Jessica Lawshe
900f11dae2 Merge pull request #18949 from overleaf/jel-faq-spacing
[web] Add spacing to left of FAQ accordion icon

GitOrigin-RevId: 71004270bbc9725b63c92dfb685b759057049265
2024-06-24 12:03:33 +00:00
Jessica Lawshe
2547294353 Merge pull request #18909 from overleaf/mf-new-plans-page-table-highlighted-column
[web] Implement highlighted column based on hardcoded column id on new plans page table

GitOrigin-RevId: 241913c81670ea158f436c29060bd9e1836ed4fc
2024-06-24 12:03:24 +00:00
M Fahru
34781dce81 Merge pull request #18963 from overleaf/mf-new-plans-page-very-small-screen-fix-tab
[web] Fix new plans page tabs overflow on mobile view

GitOrigin-RevId: f40efa386b15c921a17c7c046866c7f54aee083e
2024-06-19 08:05:10 +00:00
M Fahru
5e560e4376 Merge pull request #18908 from overleaf/mf-fix-spacing-page-new-plans-page
[web] Change new plans page vertical main heading spacing value to 96px

GitOrigin-RevId: c9746446a15bd0dd2e64a76615cd979654c8609e
2024-06-19 08:05:06 +00:00
M Fahru
e549e44ca7 Merge pull request #18889 from overleaf/mf-plans-new-tab-active-green
[web] Change text and icon color to green when new plans page tab is active

GitOrigin-RevId: 745b15538aa89afdb35a642f6927ecce0f1b40ee
2024-06-18 08:05:25 +00:00
M Fahru
bdf8927cdf Fix new plans page table header does not occupy full height for all of its children on Chrome
GitOrigin-RevId: a69c20057ff1563e6f6e93c87e4ac3a0c010885d
2024-06-18 08:05:21 +00:00
M Fahru
9309df9a13 Merge pull request #18870 from overleaf/mf-new-plans-page-table-individual
[web] Create new plans page table for individual plans

GitOrigin-RevId: 82bfcf5a5e7886517bab9b67dfb4a712350f8c33
2024-06-18 08:05:16 +00:00
Jessica Lawshe
a7adfc12da Merge pull request #18907 from overleaf/jel-faq-css
[web] CSS updates to new plans FAQ

GitOrigin-RevId: b00d8b22f62d9a3774eb673501c0b2074dd15d81
2024-06-18 08:04:57 +00:00
Jessica Lawshe
092e49d6ec Merge pull request #18905 from overleaf/jel-plans-faq
[web] Add new plans FAQ to light touch redesign variant

GitOrigin-RevId: a4140a09c94e0374792acb789b4f36ad104841f2
2024-06-18 08:04:53 +00:00
Davinder Singh
df2898a911 Merge pull request #18868 from overleaf/ds-plans-page-new-design-mobile-plans-1
Website redesign - Plans page `new-design` mobile screen plans card (1)

GitOrigin-RevId: 5a3be0f0a5f0a41b934e0c3489883c65450a0076
2024-06-14 08:05:17 +00:00
M Fahru
a0f90bd971 Merge pull request #18860 from overleaf/mf-new-plans-page-student-desktop-header
[web] Create a table header for student plans with static data

GitOrigin-RevId: 29e787509521b6249a97f858b715b482214a9ab0
2024-06-14 08:05:12 +00:00
M Fahru
65592194ec Merge pull request #18862 from overleaf/mf-simplify-non-discounted-text-new-plans-page
[web] Improve the structure of the price elements on the new plans table by using grid display

GitOrigin-RevId: 08052aec5037432af7ad4d4c554e529582d4acfc
2024-06-14 08:05:07 +00:00
Davinder Singh
6f39e41461 Website Redesign - Plans page main heading section (#18837)
* adding the main heading of the plans page

* removing some extra CSS and adding a max-width

GitOrigin-RevId: 78e8ab57826171505bb37e89e950dbd44ea1b3d1
2024-06-14 08:04:42 +00:00
Davinder Singh
8018bc7249 Website redesign - Plans page FQA's tabs Section (new-design) (#18696)
* 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
2024-06-14 08:04:37 +00:00
M Fahru
c8e8c5213c Merge pull request #18845 from overleaf/mf-line-height-rem
[web] Create a new standardized font-size and line-height and use that in new plans page

GitOrigin-RevId: 7c9c92e58e55dd03d0459f5e7314a2832bc769ce
2024-06-12 08:05:54 +00:00
M Fahru
f8e899b026 Merge pull request #18843 from overleaf/mf-new-plans-page-header-padding-fix
[web] New plans page table spacing issues

GitOrigin-RevId: db36694a76acd1a4fa03c64af90ad6fb90c4705f
2024-06-12 08:05:49 +00:00
M Fahru
17ca5b22c5 Merge pull request #18840 from overleaf/mf-new-plans-page-max-height-th
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
2024-06-12 08:05:45 +00:00
M Fahru
17110168e2 Merge pull request #18811 from overleaf/mf-new-plans-page-group-desktop-header
[web] Create table header for group table with static data

GitOrigin-RevId: 42a5bda96b3bb4434b6c39c5b35512550ea7157a
2024-06-12 08:05:41 +00:00