Commit graph

750 commits

Author SHA1 Message Date
Rebeka Dekany
39b6b8baed Merge pull request #20172 from overleaf/rd-ide-fileoutline
[web] Migrate the file outline styling from LESS to SCSS

GitOrigin-RevId: 5e485b13a7358e5dcab2c75ee7d36a07e1401e26
2024-09-04 08:05:12 +00:00
Alf Eaton
27e558b484 Fix image upload modal dropzone overflow (#20102)
GitOrigin-RevId: 8caf4e631056ed00b167cff8a6cccea0e0ff8ae7
2024-09-04 08:05:02 +00:00
Alf Eaton
284a8256d4 Fix tag name overflow in projects list (#20120)
GitOrigin-RevId: 9fc317dbebd8115ab8af97f4753350f5ee79c1cd
2024-09-04 08:04:57 +00:00
roo hutton
31bb5939a1 Merge pull request #20156 from overleaf/rh-share-modal-dropdown-fix
[web] Add explicit width to share modal permission dropdown

GitOrigin-RevId: df20cedfffffb2ba8291dcae128845a03b2897ba
2024-09-04 08:04:39 +00:00
Jessica Lawshe
feddc2158f Merge pull request #20186 from overleaf/jel-discount-color
[web] Increase color contrast on new plans page discount badge

GitOrigin-RevId: 3230a2debdf1c23a0b18b32b8062d5108f7e32ce
2024-09-02 08:05:35 +00:00
Jessica Lawshe
f8b10a41dc Merge pull request #20183 from overleaf/jel-plans-discount-line-height
[web] Fix line height on new plans discount badge

GitOrigin-RevId: e253c6f3fc66988d4eb978fc46002f1b9ad31ed1
2024-09-02 08:05:30 +00:00
Jessica Lawshe
27b4dfbd79 Merge pull request #20174 from overleaf/jel-plans-page-query-param-part-3
[web] New plans page elements that are dependent on plan period type

GitOrigin-RevId: 677d4df1544aa901dd5c57d61c395f3045c1c024
2024-08-30 08:04:55 +00:00
Jessica Lawshe
3b864d4345 Merge pull request #20155 from overleaf/jel-plans-page-query-param-part-2
[web] Render initial plans tab on server

GitOrigin-RevId: cb4d59274c0fd2a40fd35b5301d0bd387e738a98
2024-08-30 08:04:50 +00:00
Jessica Lawshe
3c86912f61 Merge pull request #20072 from overleaf/jel-plans-period-toggle
[web] Put plans period toggle within tabs that use it

GitOrigin-RevId: ccc2594467b3b31dd3fda82dd23e058911d0ec82
2024-08-30 08:04:34 +00:00
M Fahru
250514b28e Merge pull request #20143 from overleaf/mf-fix-plan-features-mobile-header-text
[web] Change "Collaborator" text to "Standard" in individual tab plans (plans page and interstitial page new design)

GitOrigin-RevId: 064bb59b3fb84f1fb413035acc40e7f6b368b1f8
2024-08-29 08:04:56 +00:00
roo hutton
2dcf87e3f6 [web] Share modal shows downgraded editors (#20015)
* add hasBeenDowngraded prop for EditMember

* reduce padding on share modal collab row, add prompt to hasBeenDowngraded Select

* share modal select styling tweaks to allow for inline warning icon

* always show editor limit subtitle when in downgraded state

* add AccessLevelsChanged warning, tweak owner row styling

* conditionally set hasBeenDowngraded prop. make invited member row styling more consistent between warning/enforcement

* add an info state for access level changed notification

* add notification for lost edit access on collaborator share modal, TSify SendInvitesNotice

* fix member privilege alignment in collaborator share modal

* show blue upgrade CTA when some pending editors have been resolved

* automatically show share modal to owners when has pending editors or is over collab limit

* only show lost edit access warning in read-only share modal to pending editors

---------

Co-authored-by: Thomas <thomas-@users.noreply.github.com>
GitOrigin-RevId: e3b88052a48b8f598299ffc55b7c24cb793da151
2024-08-27 08:04:49 +00:00
Davinder Singh
e19e5ae29a Interstitial Page - Adding geo banners for India and latin america (#20046)
* adding geo banners on interstitial page

* adding a new class .interstitial-new-design-content-spacing to match the spacing of 13

GitOrigin-RevId: 0b72f321356a899f02efcf4bd2719d7762e7b524
2024-08-26 08:04:22 +00:00
ilkin-overleaf
0e71084600 Merge pull request #19840 from overleaf/ii-bs5-project-tools
[web] BS5 project tools

GitOrigin-RevId: 3181c62985b6db4051292b484f53178a0736fa75
2024-08-22 14:01:43 +00:00
Alf Eaton
e61eb1b220 Merge pull request #20008 from overleaf/ae-review-panel-empty-state
Improve calculations of empty state, mini state and sizes variables in review panel

GitOrigin-RevId: 41bcb3b67c9f0019c11b4de0e4590b0407e04e66
2024-08-22 14:01:16 +00:00
Jessica Lawshe
493bdc92d5 Merge pull request #20048 from overleaf/jel-plans-light-touch
[web] Plans page light touch redesign updates

GitOrigin-RevId: 71bb1a594e1767fe406bb63334534fd73b3d368a
2024-08-22 08:05:53 +00:00
Jessica Lawshe
8d63d56a6f Merge pull request #19992 from overleaf/jel-cms-quote
[web] Add new quote option to CMS

GitOrigin-RevId: 5c66620eb755fc9af9c8ba22d64ff969c5c140ca
2024-08-22 08:05:30 +00:00
M Fahru
8e602b6ec6 Merge pull request #20027 from overleaf/mf-fix-mobile-group-cta
[web][new plans page] Fix mobile group CTA href

GitOrigin-RevId: ce4893d6a11b570cf7186909a23bc9c0e0c7e175
2024-08-21 08:05:32 +00:00
Davinder Singh
54f0c24633 Tear Down - Tearing down of registration and login pages redesign tests (#19750)
* tearing down the test for registration page

* deleting files that were used in delete register.pug file

* removing usage of websiteRedesignAssignmentVariant from remaining files

* deleting files for login page except ligh version

* removing the usage of websiteRedesignAssignmentVariant in remaining files

* moving light design to views folder because app was breaking, also renaming the file to login.pug and moving the two related files to views folder

* running make cleanup_unused_locales

* updating the acceptance test to reflect the change

* tested the deleted register files and rmeoved the classes that were only being used in the deleted register files

* adding delete comments on classes for these files _registration_user_password _registration_sso

* combining the two .login-register-form-focus into one within website-redesign

* fixing the positioning of the validation message

* moving register files out of website-redesign

* adding back AnalyticsManager for view events

GitOrigin-RevId: 028bd65824c4d09cc6ad9950159a404af55ff97e
2024-08-21 08:05:03 +00:00
David
9416e69647 Merge pull request #19985 from overleaf/dp-resolved-threads
Implement redesigned resolved threads popover

GitOrigin-RevId: 4e462eb26a2f2f3194fca89c39d5f9d08ea2e33c
2024-08-20 08:04:35 +00:00
David
93ba9fa28a Merge pull request #20001 from overleaf/dp-math-preview-split-test-badge
Add split test badge to math preview tooltip

GitOrigin-RevId: 9dfd30502f4b023bc7f640660904b0d3e7f4ce62
2024-08-20 08:04:31 +00:00
M Fahru
1184df03cc Merge pull request #19983 from overleaf/ds-features-table-header-fix
Plans page - fixing the features table header padding

GitOrigin-RevId: 6dd64493a0ad2b7e6c2778f82f79357b3bb65df4
2024-08-16 08:05:02 +00:00
M Fahru
ac91544752 Merge pull request #19958 from overleaf/jel-mobile-member-dropdown
[web] Fix "Contact Sales" link placement in license dropdown on mobile

GitOrigin-RevId: bd8363ed3fe8ee0ff239b0113fd560aab669f337
2024-08-16 08:04:58 +00:00
M Fahru
02adb4077d Merge pull request #19889 from overleaf/mf-group-member-dropdown-update-all
[web][new plans page] Synchronize all group member picker elements with the same plan type

GitOrigin-RevId: 33956784474c25383c66465da8a1025f3fe6131c
2024-08-16 08:04:31 +00:00
Domagoj Kriskovic
ad7abee39a Remove extra padding for off-screen review panel entries (#19841)
* Remove extra padding for off-screen review panel entries

* use document.activeElement

* cleanup editor padding cases

* using isSelectionWithinOp

* fix formatting

* focusHandler function

* 1px border for focused entry

* use constants

* using isFirstEntry

GitOrigin-RevId: 4509f803b6cb907b40f1745a6fc7f3b1edfe145c
2024-08-16 08:04:22 +00:00
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
692b3c0a2b Merge pull request #19909 from overleaf/jel-link-icon
[web] Add options for styling `Element | Link`

GitOrigin-RevId: 23db6df3b994f8106872771328b0b674a8fe381c
2024-08-15 08:05:33 +00:00
Jessica Lawshe
4b6872b737 Merge pull request #19935 from overleaf/jel-faq-plans
[web] Remove padding on inline buttons

GitOrigin-RevId: bb2f458b47d4ee48b93048490b1e60a8ff5f1ac0
2024-08-15 08:05:28 +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
M Fahru
23dbf31a95 Plans page light touch: Remove unused CSS rules about hiding monthly-annual-switch on mobile for group tab.
This is removed because monthly-annual-switch is already hidden on all screen size for group tab.

(in the current plans page, monthly-annual-switch will be disabled on desktop and will be hidden on mobile)

GitOrigin-RevId: bdb682b97844b6e3fb50be3c65eb6bd945d73648
2024-08-15 08:04:57 +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
Rebeka Dekany
92a2debc9a Merge pull request #19557 from overleaf/rd-left-menu-dropdown
[web] Migrate the left menu on the project dashboard part #2

GitOrigin-RevId: 55b213352dd850650668bb4e507e11607aee0107
2024-08-13 08:04:42 +00:00
Jessica Lawshe
47ad169781 Merge pull request #19758 from overleaf/jel-modal-light-touch
[web] Update group modal on plans page light touch redesign

GitOrigin-RevId: 26cce2996bed263c46d06b1b1fced8206fc9d8c1
2024-08-13 08:04:33 +00:00
Jessica Lawshe
c4c36c9cea Merge pull request #19725 from overleaf/jel-interstitial-page-light-touch
[web] Interstitial payment page for light touch redesign

GitOrigin-RevId: ff83df760dd552d001ad8815f0a34cae5e13e6ff
2024-08-13 08:04:25 +00:00
Alf Eaton
2304536844 Add review panel context providers and components (#19490)
* Tidy up review panel components

* Add ReviewPanel providers

* [web] new design for review panel track change (#19544)

* [web] new design for review panel track change

* fixed mini view

* mini icon style change

* fix icon size

* format date

* useRangesUserContext hook

* remove useRangesUserContext hook

* using full class names

* fix action icons hover

* change wording for tooltips

* added ReviewPanelChangeUser component

* Update header in new review panel

* Extract ReviewPanelTrackChangesMenuButton as a separate component

* Remove wrapper div

* Replace h2 with div for review panel label

* Rename ReviewPanelTools to ReviewPanelHeader

* Rename trackChangesExpanded -> trackChangesMenuExpanded

* Dont break memoisation of ReviewPanelTrackChangesMenuButton

* Fix the width of the track changes arrow icon

* Update how prop types are declared

* Remove new empty state from old review panel

* Add empty state to new review panel

* Add project members and owner to ChangesUsers context (#19624)

---------

Co-authored-by: Alf Eaton <alf.eaton@overleaf.com>

* Redesign comment entry in review panel (#19678)

* Redesign comment entry in review panel

* ReviewPanelCommentOptions component

* remove unused prop

* Tidying

* Add conditional import

* Optional changeManager

* Add more split test compatibility

* More split test compatibility

* Fixes

* Improve overview scrolling

* Fix overview scrolling

* Fix & simplify track changes toggle

* Fix overview scrolling

* Fix current file container

* ExpandableContent component for messages in review panel (#19738)

* ExpandableContent component for messages in review panel

* remove isExpanded dependancy

* Delete comment option for new review panel (#19772)

* Delete comment option for new review panel

* dont show thread warning if there are no replies

* fix hasReplies issue

* Implement initial collapsing overview files

* Fix positioning of overview panel

* Small styling changes

* Add count of unresolved comments and tracked chanegs

* More style adjustments

* Move review-panel-overview styles into css file

* Remove unused var

---------

Co-authored-by: Domagoj Kriskovic <dom.kriskovic@overleaf.com>
Co-authored-by: David Powell <david.powell@overleaf.com>
Co-authored-by: David <33458145+davidmcpowell@users.noreply.github.com>
GitOrigin-RevId: e67463443d541f88445a86eed5e2b6ec6040f9c7
2024-08-13 08:04:20 +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
David
d2289379cd Merge pull request #19633 from overleaf/dp-tooltip-colour
Update styling for math-preview tooltip in dark editor themes

GitOrigin-RevId: bfd02793d1438cfeee173210f57b1fbb4c28ccc3
2024-08-06 08:05:16 +00:00
Jessica Lawshe
62a8d867ff Merge pull request #19724 from overleaf/jel-light-touch-mobile-learn-more
[web] Fix learn more link alignment on mobile on light touch redesign of plans page

GitOrigin-RevId: 6953dfc6cebf0ba3705e54da83fd1ad477b93807
2024-08-02 08:05:48 +00:00
Jessica Lawshe
95664974ef Merge pull request #19722 from overleaf/jel-green-50
[web] Use `green-50` instead of `emerald-green`

GitOrigin-RevId: e329fc520f414dfac65f02866aadd940e1feef92
2024-08-02 08:05:44 +00:00
Jessica Lawshe
7c7c71f771 Merge pull request #19721 from overleaf/jel-green-link-cleanup
[web] Cleanup new website design arrow link CSS

GitOrigin-RevId: e5eeae7e5a32c24414eb4347d21af479628b4d1d
2024-08-02 08:05:39 +00:00
Jessica Lawshe
dc43e9f8f4 Merge pull request #19715 from overleaf/jel-green
[web] Use greens from foundations for new site design

GitOrigin-RevId: a3e79484fd5bd0bdc5cf83a55be5c64d04d0ffa3
2024-08-02 08:05:35 +00:00
Domagoj Kriskovic
0766c91079 Default LaTeX beginners to the Visual Editor (#18917)
* open visual code if user havent used latex before

* test tooltip on code editor switch

* firstTimeLoadedEditor

* track editor.codeEditorOpened value

* lastEditorLoadedDate

* odc data loaded from mongo

* fix a typo

* use tutorial to check if it was dissmised

* use getInactiveTutorials fn

* fix test

* check if code editor was opened

* added translations

* pass classname to tooltip

* use signUpDate instead of lastEditorLoadedDate

* refactor visual fallback value

* use tutorial completed data only for tooltip

* set lastUsedMode in odc form

* safer usedLatex check

* getOnboardingDataValue helper function

* move tooltip to a separate component

* move classname to tooltipProps

* usedLatex in meta tag

* codeEdtiorOpened fallback value

* fix release date year

* fix 24 hours criteria for showing the tooltip

* fix tests

* hide tooltip when code editor is opened

* remove setting lastUsedMode in ODC form

* remove empty comment

* change date for checking signUpDate

* fix linting error

GitOrigin-RevId: 0a57ba3f4717492d4546633571117f667d3a05f8
2024-08-02 08:05:10 +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
9622e1924d Merge pull request #18296 from overleaf/mf-reverse-button-containers-buttons
[web][website-redesign] Reverse the position for button pair inside of `.responsive-button-container` element

GitOrigin-RevId: 72e229b37adb390c904abbabaec04e9ee964aba4
2024-08-01 08:05:54 +00:00