Commit graph

554 commits

Author SHA1 Message Date
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
M Fahru
3e0b447bc1 Merge pull request #22225 from overleaf/ds-register-bs-5-four
BS5 Migration - Migrating Registration page to BS5(4)

GitOrigin-RevId: 89f9158242714dca6fdbe0626a2c2c6e7174a010
2024-12-06 09:06:24 +00:00
M Fahru
d42ecb46ab Merge pull request #22207 from overleaf/ds-register-bs-5-three
BS5 Migration - Migrating Registration page to BS5(3)

GitOrigin-RevId: debfb67978d39b87999ad201c6382b81d007fbe8
2024-12-06 09:06:20 +00:00
M Fahru
c0af22b405 Merge pull request #22172 from overleaf/ds-register-bs-5-two
BS5 Migration - Migrating Registration page to BS5(2)

GitOrigin-RevId: 091cabaa665e49a17939b4896084b7bbe779b4ba
2024-12-06 09:06:15 +00:00
Rebeka Dekany
1363045db2 Merge pull request #22272 from overleaf/rd-tag-dropdown-fix
[web] Tag dropdown menu should not be dismissed when hovering outside of it

GitOrigin-RevId: 0f0f903e07d657752e3476b9abea643bae65eb9e
2024-12-06 09:05:51 +00:00
Liangjun Song
932f395932 Merge pull request #22184 from overleaf/ls-group-plan-upgrade-page
Group plan upgrade page

GitOrigin-RevId: 6c99173c013d84943276dbd43f468026c4d44558
2024-12-06 09:05:38 +00:00
ilkin-overleaf
ab4d8fe168 Merge pull request #21841 from overleaf/ii-flexible-group-licensing-add-seats
[web] Add seats to a group plan

GitOrigin-RevId: 53497d2cb7aa7d1e7dc8291e391b24f7a32eeece
2024-12-06 09:05:13 +00:00
Tim Down
81aab71ffd Merge pull request #22133 from overleaf/td-bs5-current-file-bold
Make selected file in file tree bold in BS5

GitOrigin-RevId: 3353164455c3261ea52f9aee6cef3b1bc614ee4e
2024-12-04 09:04:55 +00:00
Antoine Clausse
bde4da8aab [web] Reduce pre line height (#22182)
* Remove bad prop "divider" in DropdownDivider

* Reduce line height in log-entry-content-raw

Per https://digital-science.slack.com/archives/C05JM5NTHUP/p1732704056729519

* Decrease `pre` line-height to `--line-height-01` (body-xs)

GitOrigin-RevId: 584ba587d1fc3b8964b96722a6e72efc9fea1059
2024-12-03 09:04:47 +00:00
Antoine Clausse
b308f8e9b4 Invert linked-file-icon so it's more visible (#22216)
GitOrigin-RevId: 8ad073166260029e4404cc37fdbb1ee2f8a41c11
2024-12-03 09:04:42 +00:00
M Fahru
b1ec6dda35 Merge pull request #22199 from overleaf/mf-new-checkout-reduce-payment-container-top-padding
[web] Reduce top padding from 64px to 24px on new checkout page

GitOrigin-RevId: 018613057c08d57e967145f570e76b289b450985
2024-12-02 09:06:06 +00:00
M Fahru
10faeace77 Merge pull request #22198 from overleaf/mf-reduce-horizontal-padding-mobile-new-checkout-form
[web] Reduce horizontal padding on mobile device on new checkout form

GitOrigin-RevId: e4f5792b4e2c7b76734846c87a3154415539e21d
2024-12-02 09:06:02 +00:00
M Fahru
b24b6f0f95 Merge pull request #21834 from overleaf/mf-checkout-redesign-3d-secure
[web] New checkout page redesign 3d secure implementation

GitOrigin-RevId: ad93fc8a50b1567293cc30fee014eaaab1fb0fa5
2024-12-02 09:05:49 +00:00
Davinder Singh
cc60acd4ea Merge pull request #22131 from overleaf/ds-register-bs-5
BS5 Migration - Migrating Registration page to BS5

GitOrigin-RevId: e0bd9fa11fa363062454e8f328d53b0c2aef9cad
2024-11-29 09:04:50 +00:00
M Fahru
622d7bca79 Merge pull request #22140 from overleaf/mf-new-checkout-page-toc
[web] Add "terms of service" disclaimer text on new checkout page

GitOrigin-RevId: 8b5aad7c2ebfc5a9d9acab605276e4b81349e045
2024-11-28 09:06:28 +00:00
M Fahru
a623faf260 Merge pull request #22139 from overleaf/mf-add-paypal-disclaimer
[web] Add paypal disclaimer text above submit button

GitOrigin-RevId: d31ae6cd38e5244613c27f18a9f04bc9cd322dd5
2024-11-28 09:06:24 +00:00
M Fahru
6f0b839354 Merge pull request #22136 from overleaf/mf-fix-spacing-checkout-page-redesign
[web] Fix spacing on checkout page redesign form

GitOrigin-RevId: eb85a37cf8ba9c2e32a78fa6585b5102b8c01bce
2024-11-28 09:06:19 +00:00
Tim Down
967c3e597c Merge pull request #21971 from overleaf/td-ds-nav-split-test
Add split test for DS unified nav

GitOrigin-RevId: d649661568f9c1de9d2fe47f4491540e80830ab3
2024-11-28 09:05:39 +00:00
Tim Down
68867d63b4 Merge pull request #21955 from overleaf/rd-bs5-loading-button
Buttons should not be interactive when they are disabled

GitOrigin-RevId: 2b8b1e8b317dc3b62200b48dac66df7eff8a7268
2024-11-28 09:05:35 +00:00
David
044f52f937 Vertically center pdf in presentation mode (#22145)
* Vertically center pdf in presentation mode

* Ignore style lint error

GitOrigin-RevId: b46e6d414406d150e894b4c94ec0e94b61a0ce11
2024-11-28 09:05:22 +00:00
Alf Eaton
078a3b8d05 Use --font-sans in the Visual Editor widgets (#22085)
GitOrigin-RevId: 64a480562b3e7d2fda7d41ed402511290f800f14
2024-11-28 09:04:54 +00:00
Tim Down
065464f722 Merge pull request #22147 from overleaf/td-bs5-beta-badge-special-cases
Alpha/beta badge fixes and change warning badge colours in Bootstrap 5

GitOrigin-RevId: f60610572c62607db7e5cf349c5791c3519c74ed
2024-11-27 09:05:04 +00:00
Tim Down
d0ca742a93 Merge pull request #21956 from overleaf/td-link-underlines
Use CSS variable for link hover underlines

GitOrigin-RevId: 7fa82edab808ed593bb52126869f286673915e18
2024-11-27 09:05:00 +00:00
Tim Down
ef72402df6 Merge pull request #22089 from overleaf/td-bs5-menu-item-reduce-height
Reduce the height of menu items in BS5 to 36px

GitOrigin-RevId: 0d6294f1713618bc97562c92ea877aaeac8b9698
2024-11-26 09:05:25 +00:00
Tim Down
794f4782c4 Merge pull request #21945 from overleaf/td-bs5-file-tree-font-size
Reduce file tree font size to 14px in Bootstrap 5

GitOrigin-RevId: 27289b00fa3def01ccf410649430e3826ac0b1bb
2024-11-26 09:05:20 +00:00
Tim Down
8cd6a0b2f1 Merge pull request #22015 from overleaf/td-bs5-beta-badge
[BS5] Use alpha and beta characters for alpha and beta badges

GitOrigin-RevId: d57bc4da8ac5142234bec50c56f6a1b98ececc6c
2024-11-26 09:05:16 +00:00
Tim Down
22b126fa94 Merge pull request #22074 from overleaf/td-bs5-pdf-notifications
Migrate pdf-preview-messages to BS5

GitOrigin-RevId: ed2672de3275988d05ec455c9a94d52ac75d7e94
2024-11-26 09:05:12 +00:00
Kristina
583923a4d0 [web] Use btn-secondary on compile timeout notification (#21949)
* [web] Use btn-secondary on compile timeout notification
* fix update to wrong variant

GitOrigin-RevId: 9745ae17525e835c96f62471aa24a8ae9a1e7e93
2024-11-22 09:04:49 +00:00
M Fahru
0a46bdc2ac Merge pull request #21993 from overleaf/mf-payment-page-toggle-currency
[web] Create new `payment-page-toggle-currency` event on currency dropdown

GitOrigin-RevId: 58d26ded8930e4ffecbb8c3af89658ca9bd2a08e
2024-11-21 09:05:34 +00:00
M Fahru
eefa0a792a Merge pull request #21992 from overleaf/mf-integrate-change-currency-new-checkout-page
[web] Integrate change currency to new checkout page

GitOrigin-RevId: cbb942062dbf408613f1a6b5f598947ca4a52370
2024-11-21 09:05:27 +00:00
M Fahru
8facb017ed Merge pull request #21986 from overleaf/ds-checkout-redesign-tooltip-size
Checkout redesign - Reducing the size of tooltip on checkout redesign page

GitOrigin-RevId: 5bec7be4beccc153e4fc1d3ab20626cee9364750
2024-11-21 09:05:16 +00:00
Antoine Clausse
e576ffd63c [web] Hide pdf-log-entry-content when empty + fixup search "count" color (#21977)
* Hide `PdfLogEntryContent` when there is no content

* Fixup in search "count": `--ol-blue-gray-4` doesn't exist in SCSS

* Update `AiErrorAssistant` with a `shouldRender` export, allowing to hide the element from the caller

* Revert "Update `AiErrorAssistant` with a `shouldRender` export, allowing to hide the element from the caller"

This reverts commit 01812fa2b108b94c99d250c9a39e4f3c41b36781.

* Hide .log-entry-content when empty, using CSS

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

---------

Co-authored-by: Alf Eaton <alf.eaton@overleaf.com>
GitOrigin-RevId: c5096b362600058535bd645cf11dad255e941fb9
2024-11-21 09:04:34 +00:00
Antoine Clausse
485bccebef [web] Update loading spinner in IDE for BS5 (#21970)
* Update `LoadingPane` with `LoadingSpinner`

* Remove unused file no-open-doc-pane.tsx

* Remove translation `open_a_file_on_the_left`

GitOrigin-RevId: 9045443de6aaf19b1d4bf82cd2be3ba91ee53bf1
2024-11-21 09:04:31 +00:00
M Fahru
f59c3cd1e1 Merge pull request #21965 from overleaf/mf-integrate-form-checkout-company
[web] Integrate company details field into checkout page form

GitOrigin-RevId: 46d42f7acd2b2b55d0838ffd1e7351e86e08ff49
2024-11-20 09:05:15 +00:00
M Fahru
a1d45aa264 Merge pull request #21942 from overleaf/ds-checkout-redesign-TrialCouponSummary
Checkout Redesign - Add the TrialCouponSummary component in redesign version

GitOrigin-RevId: 5d0483b403e13ce0a4d055ef449d4bc6938c42eb
2024-11-19 09:06:05 +00:00
M Fahru
8a8142414a Merge pull request #21915 from overleaf/as-checkout-address-fields
Add checkout redesign address fields

GitOrigin-RevId: c51c8ce32e0b33da8c768f61c6ce6170afec817e
2024-11-19 09:06:00 +00:00
Jessica Lawshe
931384c91d Merge pull request #21893 from overleaf/jel-font-color-option
[web] CMS BS5 - Add option to change font color

GitOrigin-RevId: 5fb4d7d3a910f30259748423922da0d2d67ee1cd
2024-11-19 09:05:56 +00:00