Commit Graph

1644 Commits

Author SHA1 Message Date
David cf11b336ba Merge pull request #30040 from overleaf/dp-dark-file-drag
Fix file tree dragging item colors

GitOrigin-RevId: e8f8148d837404bab034a302acc1c9273e09e399
2025-12-12 09:06:23 +00:00
Tim Down 427419e6a5 Merge pull request #30233 from overleaf/td-select-check-icon
Fix regression with select check icon

GitOrigin-RevId: c76e126c26395429cd3d41ac4e6ee36259062224
2025-12-11 09:05:33 +00:00
Antoine Clausse 4ff590e28b [web] Avoid overriding button hover styles in button-links (#30230)
* Avoid overriding button styles in button-links

* Remove now unnecessary btn background override in button-links

GitOrigin-RevId: 2f47b461b6d66f1f5bbbf93b32c197cd53ca959a
2025-12-10 09:07:44 +00:00
Tim Down 38f2b5e616 Merge pull request #30198 from overleaf/td-ciam-misc-fixes
Miscellaneous CIAM fixes

GitOrigin-RevId: b7f38888b602fc7b4dc4fbc63e38f82527ab666e
2025-12-10 09:07:18 +00:00
Antoine Clausse d0d0776d25 [web] Misc. CIAM fixes (#30196)
* Remove focused style from the stepper

* Reduce spacing between password input and password policy

* Make input validation icon larger

* Make animated-tick.svg faster

* Move notification to below h1

* Move notification to below h1

* Fix: Warning: Invalid DOM property `autocomplete`. Did you mean `autoComplete`?

* Wrap form-text in a span so it's displayed correctly and not altered by flex

* Remove "Please request a new password reset email and follow the link." text after the email is entered

* Remove (unnecessary?) flex property on .ciam-form-text-icon

* Rename `messageTextNode` to `messageTextSpan`

* Revert changes to input-validator.ts

GitOrigin-RevId: ad83c92a59b9dbc872cf4e49362b0baec9fb5b93
2025-12-10 09:07:13 +00:00
Antoine Clausse fa9e667373 [web] Misc. changes to CIAM pages (#30181)
* Remove double dots

* Make skip button Tertiary instead of Link

* Bold email

* New zotero logo

GitOrigin-RevId: 569fa4c18fc85abf55b492f7033472445c63ed6b
2025-12-09 09:06:37 +00:00
Tim Down f8e87929e1 Merge pull request #30150 from overleaf/td-ciam-welcome-storybook
Add CIAM welcome interstitial page

GitOrigin-RevId: 6d333b4d3256e6af2604fbf6363bce7079c4c1ab
2025-12-09 09:06:28 +00:00
Antoine Clausse 567c81054a [web] Add collapsible info to ODC (#30164)
* Add collapsible info in ODC

* Remove transition effects on caret

* Update summary focus-visible style

Make it inline-block so the clickable part doesn't go out of bounds.
Update outline style.

* Make the caret orientation consistent with Figma and Dashboard

* Remove extra padding

* Make `summary` styled like ds btn-tertiary

See https://www.figma.com/design/qHqSob0u4b4h1i2ModSTLn/CIAM---Phase-01?node-id=2285-20806&t=AlQIeoQEd2kG2h2M-0

GitOrigin-RevId: 9a49efe68088ea4969a803ffaa1c981c5a7ed7bb
2025-12-09 09:05:40 +00:00
Antoine Clausse 6eefe6dda4 [web] Create CIAM versions of the password reset screens (#30087)
* Make CIAM copies of Pug files

passwordResetCiam.pug
setPasswordCiam.pug

* Update controller with split test assignment

* Use CIAM layout in passwordResetCiam.pug

* Style passwordResetCiam according to designs

* Use CIAM layout in setPasswordCiam.pug

* Style setPasswordCiam according to designs

* Use settings value in registration screen for must_be_at_least_n_characters

* Retrieve email input with a script

* Replace mb-4 by --ds-spacing-800

* Add eye icon to toggle password visibility

* Avoid double dots after some translated strings

* Use `ciamCustomFormDangerMessage`

* Use `ciamErrorNotification`

* Use `ciamButtonContentLoading`

* Replace remaining "mb" classes

* Move new password errors to the top of the form

* Fix CIAM mixins path after rebase

* Use `ciamCustomFormDangerMessage`

* Add `data-ol-spinner-inflight` to buttons

* Replace classname ciam-notification by notification-ds

Remove borders from CIAM notifications
Fix font size

* Revert "Use settings value in registration screen for must_be_at_least_n_characters"

This reverts commit a0af95c11e171097750ad7ee871f6baf89d5c0cb.

(It's Friday afternoon so I don't want to update unrelated stuff :D)

* Update: check_your_inbox

* Remove `.ciam-card` min-height.

Unnecessary thanks to `.confirm-email-success-form`'s min-height: 400px;

* Use phosphor icons

* Style `formMessagesNewStyle` with DS notifications within CIAM pages

Alternatively, we could extend/duplicate `showMessagesNewStyle` with a CIAM variant

* Revert "Style `formMessagesNewStyle` with DS notifications within CIAM pages"

This reverts commit ed382dc1e8cdf5b916c1527f4da0a825167e9675.

* Fix styling of dynamically-created DS notifications

* Set password length info to secondary color

* Move `ciamSamlErrorNotLoggedIn` to saas-authentication module

Prevents errors in CE:

Error: ENOENT: no such file or directory, open '/overleaf/services/web/modules/saas-authentication/app/views/_mixins.pug'
    at /overleaf/services/web/app/views/_mixins/ciam_mixins.pug line 3

---------

Co-authored-by: Tim Down <158919+timdown@users.noreply.github.com>
GitOrigin-RevId: afe58f18ecee92460ab628a285b6edb48a5c678d
2025-12-09 09:05:31 +00:00
Antoine Clausse a75c6a2c63 Align CIAM explanatory notification text to the left (#30144)
GitOrigin-RevId: 3d511d8a2756c9c1b1697ee040684c6e4513e0f9
2025-12-08 09:05:03 +00:00
Antoine Clausse 72a49fc97b [web] Add CIAM explanatory banner & misc. changes (#30115)
* Add CIAM explanatory banner to login page

* Center .ciam-card-footer on all sizes

* Move bottom padding to .ciam-layout

So it exists even when there is no footer

* Make every CIAM text input large

* Lint

GitOrigin-RevId: 3c5af9ffefdb064780e7818bf2fbe77c14562cd6
2025-12-08 09:04:59 +00:00
Tim Down 452d854d5b Merge pull request #29972 from overleaf/td-ciam-onboarding
Unified access onboarding data collection pages

GitOrigin-RevId: c56a3d52f749883eeb2302e22aaf6bdf1239160c
2025-12-08 09:04:54 +00:00
Domagoj Kriskovic 3f6e96f58e Add email notifications settings for redesigned editor
GitOrigin-RevId: d31f13bbc668d790564618e6b4a8a83fdf2d8780
2025-12-05 09:05:26 +00:00
David 76024341f8 Merge pull request #30058 from overleaf/dp-offscreen-context-menu
Add override for upwards dropdowns in file tree context menu

GitOrigin-RevId: 34f69f884eb0b942cb0462ab071c5dcaad8fad16
2025-12-04 09:06:33 +00:00
Tim Down 5bbc5b2e58 Merge pull request #29900 from overleaf/td-ciam-login
Implement unified access login page

GitOrigin-RevId: 9973565099e1e88dd9d6b232d8f5c545dc73e6f7
2025-12-04 09:06:11 +00:00
Mathias Jakobsen c4d02f4571 Merge pull request #30042 from overleaf/mj-workbench-update-labs-widget
[web] Update look of labs experiment and tweak workbench labs content

GitOrigin-RevId: f7f693f778fb659ccf10a0c440c5c7487705d98e
2025-12-04 09:05:37 +00:00
Mathias Jakobsen d531613c7a Merge pull request #30054 from overleaf/mj-workbench-title
[web] Update workbench panel title

GitOrigin-RevId: 14e505bec0d663b84b3d9dbae398f8647a30d90d
2025-12-04 09:05:33 +00:00
David 5982eed3fa Merge pull request #29821 from overleaf/dp-editor-redesign-opt-out
Prepare editor redesign for opt-out phase

GitOrigin-RevId: 5831970ff27e5c20f22c68b83471b6b832c2b2b4
2025-12-03 09:05:48 +00:00
Mathias Jakobsen b35d70d81b Merge pull request #29789 from overleaf/mj-workbench-labs-experiment
[web] Add workbench labs experiment

GitOrigin-RevId: 9369c48ae9b818bdcce767811e284e8bfb0f9efe
2025-11-28 09:05:24 +00:00
Mathias Jakobsen 7c1a225be4 Merge pull request #29899 from overleaf/mj-dark-mode-file-flash
[web] Avoid background color flash when switching files

GitOrigin-RevId: e5d2fbb631fd54d195b9cb51b2a9db584d205138
2025-11-28 09:05:18 +00:00
Mathias Jakobsen 4186321ed7 [web] Add dark mode setting to PDF viewer (#29813)
GitOrigin-RevId: 4eddfac30a934c44b451694fd5e18dd8d26ad910
2025-11-26 09:05:51 +00:00
Tim Down 763bede00a Merge pull request #29654 from overleaf/ac-ciam-confirm-email-storybook
[web] CIAM design for Email confirmation form

GitOrigin-RevId: 3e66c45fe20073eb0600b8243761dbe82d7dc6b2
2025-11-26 09:05:47 +00:00
David 5eca30db82 Merge pull request #29800 from overleaf/dp-outline-scroll
Remove unnecessary scrollbar from empty file outline

GitOrigin-RevId: 3866fa3653088665ee21f389174a8ad1c91b9872
2025-11-25 09:04:59 +00:00
Tim Down 00f6a1e0f9 CIAM registration form buttons, inputs and fixes (#29740)
* Many fixes to CIAM registration form, including Phosphor icons

* Unify layout between Pug and React, fixes for spacing and mobile screen sizes

* Pug lint fix

* Make CIAM footer links underlined

* Add CIAM error notification styling

* Merge duplicate style rules

* Remove outdated comment

* Fix ordering of en.json

* Move aria-label to buttons

* Move full stop into translation string

* Remove dummy password strength indicator

* CIAM spacing and label fixes

* Header logo fixes from review

* Add aria-hidden to error icon

GitOrigin-RevId: 87c8181566f0878256b8010f95f115ec25c7ceb9
2025-11-24 09:06:40 +00:00
Mathias Jakobsen f2a05b1a2e Merge pull request #29793 from overleaf/mj-custom-rail-icon
[web] Add custom sparkles icon for workbench rail tab

GitOrigin-RevId: b332c90532e75b41b494906e021bcb49ff358024
2025-11-24 09:06:28 +00:00
Anna Claire Fields 9d2f5b3cde Merge pull request #29803 from overleaf/acf-admin-privileges-matrix
Admin privileges matrix

GitOrigin-RevId: 926c8053ab00292ee6fc0f04e0e429f307081f5e
2025-11-24 09:06:07 +00:00
David e77a7cede7 Merge pull request #29745 from overleaf/dp-close-button-color
Fix product tour close button color in dark mode

GitOrigin-RevId: 8862b7414ee857497d37a313386229272eb6a28c
2025-11-20 09:05:39 +00:00
David af41215058 Merge pull request #29607 from overleaf/dp-redesign-opt-in
Add opt-in for editor redesign

GitOrigin-RevId: 29ec8f4045a6bf29ab26a5ce5bceff70fb3aba6e
2025-11-20 09:05:28 +00:00
Tim Down 983382f1f1 Initial implementation of unified access registration first page (#29559)
* Initial implementation of registration first page

* CSS tweaks from review

* Suppress skip-to-content link

* Fix formatting

* Make logo and footer bottom margin always appear in CIAM register page

* Fix font size and margin of card footer text

* Pug fixes from linter

* Fixes from merge of main

* Use translation string

GitOrigin-RevId: 0486532112d81462a008206e3f1a97c409d39a6a
2025-11-19 09:05:29 +00:00
Antoine Clausse 0e4682ef89 [web] Create DSFormControl Input components (#29647)
* Create DS version for Bootstrap Input form elements

* Move DS Button Storybook to DS component folder

* Use phosphor icons

* Add ds-focus-outline mixin

* Use math.div

GitOrigin-RevId: e50934212ec5949f0f7abc7880eb73933fce2a9b
2025-11-18 09:05:34 +00:00
Tim Down c0c3bfe185 DS button CSS and component implementation plus move most --ciam variables to --ds
GitOrigin-RevId: 5dd6b490a6f597892b47a89aabce748cea3e3bc6
2025-11-14 09:05:34 +00:00
David 847fd4a432 Merge pull request #29538 from overleaf/dp-dark-divider
Fix DS nav dark border divider colors

GitOrigin-RevId: 72ad70d9f3a07abfc6f0e811609b655fb42b34ac
2025-11-11 09:05:29 +00:00
roo hutton 2e11f2c7b7 Merge pull request #29394 from overleaf/rh-compile-timeout-modal
Add compile timeout modal for compile-timeout-target-plans test

GitOrigin-RevId: b352cb239742aa7ffbef7f3cd5c65ac719569ebf
2025-11-06 09:06:29 +00:00
David faceb90593 Merge pull request #29290 from overleaf/dp-dashboard-dark-2
Dark mode for DS nav

GitOrigin-RevId: fb8ad9ec45e88c39810421d11ecc69ab874121ce
2025-11-06 09:06:24 +00:00
Jakob Ackermann 3586b37491 [web] Remove clsi-cache-prompt/survey, split-tests and events (#29510)
* [web] Remove clsi-cache-prompt/survey and split-tests

* [web] Remove initial 50/50 clsi-cache split-test

* [web] Remove synctex-downloaded-from-cache event

* [web] Remove fallback-to-clsi-cache event

* [saas-e2e] fix tests with clsi-cache enabled

GitOrigin-RevId: b5cf2ab073dc866fe398b81fd5afe46422134c80
2025-11-05 09:06:59 +00:00
David d48518e01d Merge pull request #29495 from overleaf/dp-remove-new-logs-position
Remove error logs from new editor rail

GitOrigin-RevId: 9d0b134345b63618334c5507089debf2df104274
2025-11-05 09:06:45 +00:00
Antoine Clausse 2ebc411db4 [web] Create a first implementation of the CIAM version of the email confirmation page (#29432)
* Move `main#main-content.content.content-alt` into a React component (`ContentLayout`)

* Create the CIAM variant of `RegistrationConfirmEmailForm`

* `bin/run web npm run extract-translations`

* Use `CiamLayout` in the Storybook demo

* Add `SplitTestProvider` in tests

* Fix Storybook: Wrap `RegistrationConfirmEmailForm` Story in `onboarding-confirm-email`

* Refactor SCSS files:

- only imports in all.scss
- split .storybook-layout and .storybook-enabled
- extract ciam-spacing.scss

GitOrigin-RevId: f4a214a0978423a1621dd8f60bf459af7b8f877e
2025-11-05 09:06:30 +00:00
Antoine Clausse 5a242cd4ac [web] Add font Inter (#29440)
* Add font Inter

Files downloaded from https://rsms.me/inter/
Kept only the woff2 files and CSS definitions for Inter-Regular and Inter-SemiBold

* Delete inter folder

* Add inter to build-fonts.mjs and run it

* Add inter.css

* Update latofonts archive URL

GitOrigin-RevId: 24cd8a48f4566d8a55443eb2cd938ee129dff5f8
2025-11-03 09:05:57 +00:00
Mathias Jakobsen 046e74a2c6 Merge pull request #29443 from overleaf/mj-mobile-navbar-bg
[web] Restore transparent background for hamburger navbar items on mobile

GitOrigin-RevId: ce3a095ded307427f2175d7db2a562c106e4b2e9
2025-10-31 09:06:18 +00:00
Tim Down 530020467d Merge pull request #29400 from overleaf/td-ciam-dir
Move CIAM styles into separate directory

GitOrigin-RevId: 3f6d6af8d25ee5c9e425bb2958075ac514fed2e9
2025-10-30 09:07:28 +00:00
Antoine Clausse 698a6013de [web] Create an initial implementation for the CIAM page layout (#29373)
* Add a Storybook Layout page compiling all the "small pages" layouts

* Add a CIAM page layout to Storybook and create an initial Layout

* Use rem in font mixins

* Add a `--ciam-` prefix to the new CSS variables

* Fix linting

GitOrigin-RevId: 7a89fd1531c87597a918a9170d174cce556d77c4
2025-10-30 09:06:10 +00:00
David 38edeca871 Merge pull request #29292 from overleaf/dp-dashboard-theme-toggle
Add theme toggle to project dashboard

GitOrigin-RevId: 4c76bcc36f77d7fd883798f8ccfcb5d1cf1a54b0
2025-10-30 09:05:56 +00:00
David fea346f4a6 Merge pull request #27930 from overleaf/mj-dropdown-dark-mode
[web] Add dark mode for dropdowns

GitOrigin-RevId: 8fcce98101fc32fa1abbc0fbcd1615a8bc0898e4
2025-10-30 09:05:51 +00:00
Jakob Ackermann f3f6a8a8e0 [web] add clsi-cache prompts (#29281)
* [web] add clsi-cache prompts

* [web] add new editor variant to segmentation

* [web] add tests for useNewEditorVariant

* [web] adjust start of using clsi-cache in split-test

GitOrigin-RevId: c9c5b1eff2ceefb65ef82516d9074cb971cb4c48
2025-10-24 08:05:42 +00:00
David 88b1b3360c Merge pull request #29042 from overleaf/dp-no-file-dark-mode
Fix color of no editor messages in dark mode

GitOrigin-RevId: db0f69a634b0531e75ce8e4c89e064cda7d5bec9
2025-10-16 08:05:46 +00:00
Antoine Clausse 8c15af1a70 [web] Fix FileTreeModalCreateFile modal style on "too many files" error (#28995)
* Temporarily update `maxEntitiesPerProject` to test `FileTreeModalCreateFile`

* Remove unused CSS

* Move project_has_too_many_files Notification to the modal body

* Turn project_approaching_file_limit message into a Notification

* Update project_has_too_many_files translation with `fileCount.limit`

* Update other project_has_too_many_files with limit parameter

* Add translations for project_has_too_many_files_limit

* Revert "Temporarily update `maxEntitiesPerProject` to test `FileTreeModalCreateFile`"

This reverts commit 704996aa96c9ba592c7e44d165def0b97d30bed1.

* Fix unit tests

* Move the warning notification to the modal's body

---------

Co-authored-by: Rebeka <o.dekany@gmail.com>
GitOrigin-RevId: 0f54db7021e4cd4537a14e4f9e1d8ef54337778c
2025-10-15 08:07:16 +00:00
David 46d0d3e188 Merge pull request #28979 from overleaf/dp-error-logs-buttons
Update dark mode states for some new editor error logs buttons

GitOrigin-RevId: be4cd036e9fc1bb05dbad476796750c9e0354edc
2025-10-14 08:05:56 +00:00
Davinder Singh f0b2466f93 adding the new thank you message in contact us form (#28729)
GitOrigin-RevId: 8fe7f453b786eb30a6d479254afce9eeb442c276
2025-10-13 08:06:02 +00:00
Mathias Jakobsen c90e1cb82c Merge pull request #28889 from overleaf/dp-reference-manager-cta-tweaks
Tweaks to reference manager paywall modal

GitOrigin-RevId: df41862ab99642c9b4e51c06429382692f75212d
2025-10-09 08:05:54 +00:00
Domagoj Kriskovic c22e44438e Support for deleting and editing chat messages (#28204)
* Initial server-side delete of chat message plus dropdown

* Update chat pane after deleting message

* Chat message dropdown styling

* Add confirmation dialog for deleting a message

* Refactor chat message grouping to allow deletion of individual messages

* Delete other user's deleted message from chat pane

* Implement message editing

* Styling

* Make the dropdown appear overlap with the button slightly so that the menu stays visible when the user moves their cursor into the menu when the menu is positioned above the button

* Submit edit with Enter key

* Add edited indicator to edited chat messages

* Add animation to chat message deletion

* Tidying, edit chat message textarea improvements

* Add types to message-list-utils

* update dependencies

* edit/delete for ide-redesign

* fix type errors in tests

* filter deleted messages from group

* promisify ChatController

* fix tests and translations

* add new tests

* chat-context tests

* fix message-list-appender tests

* add new tests for message-list-utils

* Update services/web/test/frontend/features/chat/context/chat-context.test.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* preserve original content when canceling edits

* update delete message translation

* hide dropdown only if not already shown

* remove delete animation

* fix lint error

* fix chat.yaml

* hide under feature flag

---------

Co-authored-by: Tim Down <158919+timdown@users.noreply.github.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
GitOrigin-RevId: 12521886a1a59ccd564851df19e5d46c70d328f5
2025-10-02 08:05:58 +00:00