Commit graph

1545 commits

Author SHA1 Message Date
Domagoj Kriskovic
3e11fffaf0 Add delay on showing "Add comment" tooltip (#22600)
GitOrigin-RevId: eb2f2abc368fdba0e85a5611a4c73e3500b6bbb2
2025-01-10 09:04:55 +00:00
David
d6e763bc57 Merge pull request #22738 from overleaf/dp-new-editor-pdf
Drop in PdfPreview into new editor skeleton

GitOrigin-RevId: c88806904bd2534690a1540d7e39c5f81ab65709
2025-01-09 09:05:47 +00:00
David
e9e59bbcc9 Merge pull request #22720 from overleaf/dp-editor-redesign
Editor redesign skeleton page

GitOrigin-RevId: 966c88ac3714e4cc7de3e21951e4e1641bfd6852
2025-01-09 09:05:43 +00:00
Jessica Lawshe
d511a55466 Merge pull request #22703 from overleaf/jel-cms-sales-contact-form-remove-unused
[web] Remove unused fields from `Element | Sales Contact Form`

GitOrigin-RevId: 7e20ed04ca09b14eeb807eebe569c777f23a17bd
2025-01-08 09:05:30 +00:00
Jessica Lawshe
9f5387384e Merge pull request #22590 from overleaf/jel-card-last-child-spacing
[web] CMS - Remove margin when `last-child` has children

GitOrigin-RevId: a744018027ffce2bee570059757c365ac1b36931
2025-01-08 09:05:25 +00:00
Jessica Lawshe
6292e79253 Merge pull request #22383 from overleaf/jel-cms-btns
[web] CMS - Add ability to adjust `<p>` top margin

GitOrigin-RevId: f85b95e407d8c186141a3e60c7d07a9efa44c4c3
2025-01-08 09:05:17 +00:00
Kristina
46cc91fac8 [web] plans page spacing updates (#22624)
* make the global seat picker wider to avoid the English label wrapping
* make the plans table take up most of the page
* fixes borders on plans table

GitOrigin-RevId: facd30a860cf270ffbe80052e6fe449201fb9aaa
2025-01-07 09:04:48 +00:00
Kristina
75d3974e11 [web] implement strikethrough for educational discount (#22598)
GitOrigin-RevId: 9cacc3f279c7f441a2e8f1cbdb08f7d49390d447
2025-01-07 09:04:44 +00:00
MoxAmber
18aa1b4e3b [Group Pricing] Add price change warning to cancellation flow (#22640)
* Add price change warning to cancellation flow
* Fixes lint error from translated string
* update pricing effective date

---------

Co-authored-by: Kristina Hjertberg <kristina.hjertberg@overleaf.com>
GitOrigin-RevId: d1b6982ff437d931144feffddcbddd96f5a3405b
2025-01-07 09:04:36 +00:00
Lucie Germain
ee4c8b5fe2 Merge pull request #22630 from overleaf/td-ds-nav-system-messages
Add system messages to DS nav version of project dashboard

GitOrigin-RevId: 85830d58242300a40148190f8a18204666a3065c
2024-12-20 09:05:25 +00:00
Tim Down
859527b890 Merge pull request #22599 from overleaf/td-ds-nav-chevron
Hide nav dropdown chevron icon in welcome page

GitOrigin-RevId: df631c2ea13da79be8496b8cfa425e9340894af3
2024-12-19 09:05:05 +00:00
Tim Down
d95df5b486 Merge pull request #22579 from overleaf/td-bs5-dropdown-header-display
Remove flex from dropdown header in BS5

GitOrigin-RevId: 799b99273ed2c69af28a407a23d33628195916e9
2024-12-19 09:04:52 +00:00
Antoine Clausse
bce3d4df78 Update SurveyNotification style for DS Nav (#22585)
* Hide the "DS nav" survey for users on the default variant

* Create and use `SurveyWidgetDsNav`

* Add link to SurveyWidgetDsNav button

* Revert SurveyNotification changes in the DS Nav mobile view

* Hide DS nav survey via JS rather than CSS

* Remove survey card in DS nav project dashboard mobile view in the short term

* Change sr-only to visually-hidden

* Fix typo

---------

Co-authored-by: Tim Down <158919+timdown@users.noreply.github.com>
GitOrigin-RevId: 6ff91637bcc8ad29c383627c7218f644a7b19d75
2024-12-19 09:04:47 +00:00
Kristina
7bc9a6673a [web] group tab on plans updates for group pricing (#22485)
* hide discounts
* show updated large groups upsell
* show group member picker
* expand educational discounts to all group plans
* add spacing above group plan prices
* change contact modal trigger to contact sales link
* add dropdown treatment to group tab improvement default treatment

GitOrigin-RevId: 690763361672e248c21198741d8870569411c8c1
2024-12-18 09:06:42 +00:00
Antoine Clausse
fce3adc810 [web] Update Navbar icons (Carets and Close) (#22570)
* Use Phosphor icon for navigation close

* Add carets from Phosphor

* Remove CaretUp when expanded (not in design)

* Revert "Remove CaretUp when expanded (not in design)"

This reverts commit 242f295ea18a73aae0e2cf5d2cf0dc1e610dbef9.

* Fixup: Hide the default caret in the desktop view too

* Fixup format after merge

GitOrigin-RevId: 6781028dd50922a017ef2b76fe91c4ff611dd77c
2024-12-18 09:06:34 +00:00
Antoine Clausse
0193d00735 [web] Make the new project dropdown menu scrollable (#22559)
* Make the new project dropdown menu scrollable

* Use CSS variables

GitOrigin-RevId: 9a918f2349cfc74038bde36e48b1060a4de09822
2024-12-18 09:06:30 +00:00
Antoine Clausse
14ba6013ac Replace tags-list dropdown icon to Phosphor ThreeDotsVertical (#22562)
GitOrigin-RevId: 50c70aca162e787eb6ab051ac56c6b226a6c6aa6
2024-12-18 09:06:26 +00:00
Antoine Clausse
19e962876d [web] Replace "scroll-shadow" by "scroll-borders" in the sidebar (#22563)
* Replace "scroll-shadow" by "scroll-borders" in the sidebar

* Set invisible borders to prevent "jumps"

GitOrigin-RevId: b73ec532f28627d1c55dd64cbfabec8a2efb08b2
2024-12-18 09:06:22 +00:00
Jessica Lawshe
c9f35a2d68 Merge pull request #22586 from overleaf/jel-gallery-header
[web] Fix spacing above gallery

GitOrigin-RevId: f4460b5dc4780566cf8d0d4cda4213840530a275
2024-12-18 09:06:11 +00:00
Jessica Lawshe
2890661d5c Merge pull request #22538 from overleaf/jel-cms-tabs-as-list
[web] CMS - Add support for rendering `Layout | Tab Group` as a linkable list instead of tabs

GitOrigin-RevId: f86e78abd10029085ee8cdf4ffc7dd6e0ffd5300
2024-12-18 09:06:07 +00:00
Jessica Lawshe
2d620952b5 Merge pull request #22469 from overleaf/jel-remove-deprecated-spacing
[web] Remove deprecated row padding options

GitOrigin-RevId: c253be98d14e93123cc4362fa750e27cf5d9d0c3
2024-12-18 09:06:03 +00:00
Tim Down
053b84d828 Merge pull request #22557 from overleaf/td-bs5-pdf-detach-height
Copy some <html> and <body> rules from BS3 to fix the detached PDF page

GitOrigin-RevId: 9c14bd4988811b857c8c3516e50589514b400ac1
2024-12-18 09:05:31 +00:00
Antoine Clausse
df727d64c3 Merge pull request #22548 from overleaf/ac-ds-phosphor-icons-and-splittests-bugfix
[web] Reapply  Use icons from @phosphor-icons/react for the project-list (DS nav)

GitOrigin-RevId: b87767b7c875ff4c081590e7bc0111892c0a1435
2024-12-17 09:05:32 +00:00
Tim Down
79e4b76551 Merge pull request #22222 from overleaf/td-thin-footer-react
Implement thin footer in Bootstrap 5

GitOrigin-RevId: c45f63b3d2536e6266eb55cc95df11b53a6b77ec
2024-12-17 09:05:23 +00:00
Antoine Clausse
0c40841d9f Merge pull request #22547 from overleaf/revert-22517-ac-ds-nav-phosphor-icons
Revert "[web] Use icons from `@phosphor-icons/react` for the project-list (DS-Nav)"

GitOrigin-RevId: 350f5d69a8f575d8ee4e3bd6af46e4e5f7137c7d
2024-12-17 09:05:19 +00:00
Antoine Clausse
bb8bdd04af [web] Use icons from @phosphor-icons/react for the project-list (DS-Nav) (#22517)
* Use icons from `@phosphor-icons/react`

https://phosphoricons.com/

* Add the phosphor Plus icon to the tag list

* Add SignOut icon

* Use Phosphor icon for tags

* Fix icon color when active

* Add offset to dropdown menus so they're positioned like in Figma

---------

Co-authored-by: Tim Down <158919+timdown@users.noreply.github.com>
GitOrigin-RevId: 039e98063d775d0348d227202d5ecd6a0bfb7b65
2024-12-17 09:04:57 +00:00
David
362521dd1e Show full edit/review mode dropdown on first load (#22465)
* Show full edit/review mode dropdown on first load

* Remove unneeded import

* rename localstorage value, inline event

---------

Co-authored-by: Domagoj Kriskovic <dom.kriskovic@overleaf.com>
GitOrigin-RevId: 7efb52d4b43588dd1ee8b7a6a5f703166b0c9b3a
2024-12-17 09:04:52 +00:00
Antoine Clausse
555af767bd Add hover bg on navbar items (#22525)
GitOrigin-RevId: e220da99962abcaaac568f501875970747cd3d4b
2024-12-16 09:05:42 +00:00
M Fahru
c25ee1d786 Merge pull request #22464 from overleaf/mf-add-padding-bottom-login-container
[web] BS5 login page - Add sufficient spacing to prevent cookie banner from covering the bottom text on mobile

GitOrigin-RevId: e5024cf124387b2670211cee8d28ef5e6b4fc85f
2024-12-16 09:05:31 +00:00
M Fahru
d238e509c1 Merge pull request #22496 from overleaf/mf-login-register-use-social-button
[web] Use `.btn-social` for all login and register buttons that has icon on it

GitOrigin-RevId: a5590578ebf048b188d9f9ab3551907fdf5fe63d
2024-12-16 09:05:27 +00:00
M Fahru
b0a47b6c6d Merge pull request #22467 from overleaf/mf-clean-up-register-styling-bs5
[web] Clean up register and login bs5 code

GitOrigin-RevId: fcdb32d1e1ad7d0fb2862bb2726688780e42fa7c
2024-12-16 09:05:23 +00:00
M Fahru
10e1c5b320 Merge pull request #22460 from overleaf/mf-notification-website-redesign-blue-link-color
[web] Set all link inside notification to use the default blue color for all website-redesigned non-application page

GitOrigin-RevId: d5e598f7b02ff132d9686a010ff55541346f7d2e
2024-12-16 09:05:18 +00:00
Antoine Clausse
90b16e4c8e [web] DS-Nav footer tweaks (#22482)
* Footer tweaks (add border, main-content 100vh)

* Update color to be the same as the sidebar `<hr>`

* Move the border to the larger div so it also separates with the navbar

* Update border color to be the same as the background

* Fixup lint

* Fixup main content padding on mobile view

See https://github.com/overleaf/internal/pull/22186#discussion_r1876087478

* Change the border color to neutral-20

* Use `--border-divider` which is the same color as --neutral-20 (`#e7e9ee`)

* Replace `@media (width >= 768px)` by `@include media-breakpoint-up(md)`

* Replace `min-height: 100dvh` by `min-height: 100%`

GitOrigin-RevId: 426869e9b96a1ee8245c487bb80ff01856521a34
2024-12-16 09:05:14 +00:00
Antoine Clausse
f2d6c73f75 [web] Update project-list Navbar for mobile (#22478)
* Control if nav items are shown with CSS instead of JS

* Fix navbar style for mobile view

* Update navbar toggle icon to close

* Hide "Projects" nav item from the navbar

* Add separator above the Help menuitem in the mobile navbar

* Adjust sidebar padding: 24px from the logo

GitOrigin-RevId: ba587645f56febc0da798269bd6aa8c2e1639c27
2024-12-16 09:05:02 +00:00
Antoine Clausse
e5c97f1963 [web] Add box shadows to scrollable part of sidebar (#22400)
* Add box shadows to scrollable part of sidebar

* Fix lint

* Fix `isAtBottom` boolean on Firefox

* Throttle the `scroll` event

* Remove wrong and unnecessary comment

GitOrigin-RevId: 7bcbb7fc860ab32f44203b3ae9ff37a3fed069a8
2024-12-16 09:04:49 +00:00
Antoine Clausse
b165e71ba9 [web] Update footer responsiveness with container queries (#22346)
* Remove padding around the footer

* Use CSS container queries instead of media queries on the full window

Container queries are supported by 92.76%	of web users, which can be an issue.
https://caniuse.com/css-container-queries

Though we do use them in other places

* Use `@supports` to check if `@container` can be used and use mixins

* Add the max sidebar width the fallback media query

* Update the footer responsiveness so we don't affect the default variant

GitOrigin-RevId: bed3e4244f1a97fd84740dcf87fb27c760be91ad
2024-12-12 09:06:09 +00:00
Antoine Clausse
62cfb68c1b [web] Add icon menus in the Sidebar (#22318)
* Add sidebar icons and menus (Help, Account)

* Place the account dropdown menu above the tooltip

* Hide tooltip when dropdown menu is shown

* Fixup tooltip position

* Add Digital Science link

* Add aria-labels on the dropdown toggles

* Update sidebar items spacings

- Add space between notification and DS icons
- Balance margin/padding in the scrollable part

* Revert changing the side of .dev-tool-bar-open-button

* Remove `!important` in link color

* Add Help tooltip

* Revert dropdown-menu z-index change

* Move `AccountMenuItems` to its own file

* Revert "Remove `!important` in link color"

This reverts commit b2de83f815d05cd1e224604d4ca355986ba76b99.

GitOrigin-RevId: 286266ea5348384f2592f748d3ae32c452558988
2024-12-12 09:06:05 +00:00
Jessica Lawshe
650d285105 Merge pull request #22080 from overleaf/jel-grid-padding
[web] Use `spacing-...` variables for row padding options

GitOrigin-RevId: 75aff5c9a2eb72897d5050a25986e532ef276e6c
2024-12-12 09:05:57 +00:00
Jessica Lawshe
fc0c46cb2f Merge pull request #22029 from overleaf/jel-visual-with-content
[web] CMS BS5 - Add `Element | Visual with content`

GitOrigin-RevId: 9c1302aec4b1ea4726a07562b276503a7a31a7d8
2024-12-12 09:05:53 +00:00
M Fahru
e99352df3e Merge pull request #22415 from overleaf/mf-bs5-login-migration
[web] Login page bootstrap 5 migration

GitOrigin-RevId: 5a69588e7978456e16a0aaad80d77478121c9481
2024-12-12 09:05:44 +00:00
M Fahru
f9536cce52 Merge pull request #22414 from overleaf/mf-fix-styling-bs5-registration
[web] Fix small styling in bs5 register page

GitOrigin-RevId: 2027c79d04f65d1afbea23f23d998bb5d60e092b
2024-12-12 09:05:40 +00:00
M Fahru
cacf2dbd73 Merge pull request #22290 from overleaf/as-bs5-homepage
Migrate homepage to Bootstrap 5

GitOrigin-RevId: 02f29964d770f512780c6f71229f246a5939657c
2024-12-12 09:05:36 +00:00
Antoine Clausse
27792199f6 [web] Update project list page main content to DS-nav-bar design (#22307)
* Move some SCSS to project-list-default.scss

* Update project-list-ds-nav.tsx to match design and simplify the SCSS

* Fix survey-notification style: light on the sidebar, dark on the main content

* Replace `withHr` by `useSplitTestContext` hook

* Override the `navbar-btn-padding-h` override.

* Fixup main content padding

Co-authored-by: Tim Down <tim.down@overleaf.com>

* Add padding-top to the logo

* Fixup merges

Add changes from https://github.com/overleaf/internal/pull/22272

---------

Co-authored-by: Tim Down <tim.down@overleaf.com>
GitOrigin-RevId: 8dbc449afbf70388bcf3185413b35234acaad349
2024-12-12 09:05:23 +00:00
Antoine Clausse
629579b840 [web] Update project list page layout and sidebar to new design (#22186)
* PoC DS nav project page shell

* Rename files: use `ds-nav` as a suffix

(really just moving code without changes)

* Update NavBar to the new design

* Small updates to project-list-ds-nav.tsx so it gets its basic shape

* Nest `.survey-notification` and `.project-list-sidebar-survey-wrapper` in the default classes to avoid interferences

* Create `SidebarDsNav`

* Add props to sidebar components so they work in both versions

* Update the SCSS code for the sidebar redesign

* Update subheader to "Organize Tags"

* Mute add affiliation font

* Remove `<aside className="project-list-sidebar-react">` and add sidebar max/min widths

* Fixup buttons padding

* Fix tests: add SplitTestProvider

* Fixup sidebar scroll div: add `flex: 1 1 auto`

* Make "Uncategorized" italic

* Update logo to SVG

* Optimize the svg
https://jakearchibald.github.io/svgomg/
9.12k → 4.92k 53.91%

---------

Co-authored-by: Tim Down <158919+timdown@users.noreply.github.com>
GitOrigin-RevId: 3d08b4b80291d9465fae87ffdf0c6a9f6deda554
2024-12-12 09:05:18 +00:00
David
f8a1e7c43b Merge pull request #22398 from overleaf/dp-change-edit-mode-ui-part-2
Add ReviewModeSwitcher

GitOrigin-RevId: bfbbdac30530d859da0e8b5673357ba805b100ab
2024-12-12 09:05:06 +00:00
David
f1893fa03a Show coloured squares next to collaborator names (#22406)
* Change font to content-primary

* Add user colour blocks to comments/track changes

* Format

GitOrigin-RevId: a9186e9c7c95dfe134bee2f756245275cfa9ea24
2024-12-10 13:09:37 +00:00
David
97cdc290c3 Adapt review panel header with new reviewer role (#22291)
* Adapt review panel header with new reviewer role

* Remove duplicate css property

* Update position-items

GitOrigin-RevId: a2e8dac0c1d90e6d5b3f13769909cddd69b5db14
2024-12-10 13:09:33 +00:00
David
3433b8ba90 Add border to review panel (#22407)
GitOrigin-RevId: 8b5f683500056c31055597fd85dcb492960a5f6f
2024-12-10 13:09:28 +00:00
David
e72a3cbc28 Merge pull request #22297 from overleaf/dp-bs5-dropdown-description-icon
Fix display of leading icons in dropdown items with a description

GitOrigin-RevId: bdb7bca62abef9d599a23364656b32599a909a90
2024-12-10 09:04:39 +00:00
roo hutton
5a24d23930 Merge pull request #22309 from overleaf/rh-plan-annual-toggle
[web] Plans page period toggle improvements

GitOrigin-RevId: 8900d9ce9c2116fd11f9688ada93d11211df045f
2024-12-09 09:05:15 +00:00