Commit graph

163 commits

Author SHA1 Message Date
Antoine Clausse
30860ae9f9 [web] Migrate PDF Logs to BS5 (#21062)
* [web] Migrate Logs components JSX to Bootstrap 5

* [web] Migrate logs.less to logs.scss

* [web] Remove unused class names

* [storybook] Define default Bootstrap version in Storybook

This prevents some warning in the console

* [storybook] Update pdf-preview.stories.jsx

* [storybook] Add pdf-log-entry.stories.tsx

* [storybook] Force re-renders when switching BS version

* [web] Keep files dropdown menu in bounds

* [web] Make files dropdown items not bold in BS5

* [web] Revert unrelated change

* [web] Fixup PreviewLogsPaneMaxEntries

* [web] Add style for log-entry-content-link

* [web] Replace log-entry by OLNotification in `PdfCodeCheckFailedNotice`

* [web] Use `BootstrapVersionSwitcher` instead of `isBootstrap5`

* [web] Rename `DropdownBS3` to `BS3Dropdown`

* [web] Reuse variables for `toolbar-height` and `toolbar-small-height`

* [web] Set `id` on `DropdownToggle` not `Dropdown`

* [web] Set `log-entry-btn-expand-collapse` in BS3 only

* [web] Remove `block: true` from StartFreeTrialButton in BS3

* [web] Remove unnecessary CSS in `.log-entry-header-link`

* [web] Use semantic color names

* Migrate the downloadable pdf file list to Bootstrap 5

* Remove nested BootstrapVersionSwitcher, fix "key" prop

* Update roles to: `<li role="menuitem">` `<a role="link">`

* Update `log-entry-header-link`: variant ghost and fix colors

---------

Co-authored-by: Rebeka <o.dekany@gmail.com>
GitOrigin-RevId: 89848970ab5d8a8c135335386caf24363f69a34c
2024-10-23 08:06:32 +00:00
M Fahru
a0ea00b692 Merge pull request #21108 from overleaf/mf-only-one-container-gallery-redesign
[web] Make sure gallery (tagged and non-tagged) page only have a single `.container` on each page

GitOrigin-RevId: df5272082a7f74dcc4051560692eaf715b49dc37
2024-10-23 08:06:19 +00:00
Jessica Lawshe
2d87fe036d Merge pull request #21272 from overleaf/jel-gallery-categories-images
[web] Update categories images for gallery redesign

GitOrigin-RevId: 4a8afef62af5e873f63ce90f976fe924ba9ecbe9
2024-10-23 08:05:38 +00:00
Rebeka Dekany
200e7a75f0 Merge pull request #21226 from overleaf/rd-history-filetree
Migrate the history file tree to Bootstrap 5

GitOrigin-RevId: bb5443d91992ff7241ed5c8bb467fa553e55bb0f
2024-10-23 08:05:31 +00:00
M Fahru
f2ec640b06 Merge pull request #21113 from overleaf/mf-gallery-header-text-align-center
Center text for gallery-title, this is useful mainly for mobile view

GitOrigin-RevId: 49db14c627125d2c1e1d1f69173ac918d51f4f91
2024-10-22 08:07:57 +00:00
M Fahru
ca6b5ae4ca Merge pull request #21214 from overleaf/mf-new-gallery-search-result-pagination
[web] Fix pagination in gallery search result

GitOrigin-RevId: 2c34afd7bff2f2a47cc585e68433ac3fa4f16589
2024-10-22 08:07:53 +00:00
M Fahru
0811e46b6c Merge pull request #21067 from overleaf/mf-new-gallery-search-result
[web] Implement new gallery search result

GitOrigin-RevId: afc33a07b5ea533b681acf18bd31112a2f48866a
2024-10-22 08:07:42 +00:00
Jessica Lawshe
c37e6a17fb Merge pull request #21215 from overleaf/jel-redesign-black-links
[web] Consolidate black link CSS on pages using new design

GitOrigin-RevId: cdeccee0586efbf67e656828ed597e4441242edd
2024-10-22 08:07:34 +00:00
Jessica Lawshe
18739d122e Merge pull request #21144 from overleaf/jel-auto-width-mobile
[web] Add options for mobile horizontal column alignment and column gaps on CMS BS5 pages

GitOrigin-RevId: 21cf6e181ea6622b06db73c32a4889327146032c
2024-10-22 08:07:30 +00:00
Jessica Lawshe
96ff76dc43 Merge pull request #21219 from overleaf/jel-tagged-gallery-description
[web] Set a max width for the tag description

GitOrigin-RevId: a1af998ff305805f3e6dfba5ae1b2bff38ab54ba
2024-10-22 08:07:26 +00:00
Jessica Lawshe
c00835692b Merge pull request #21148 from overleaf/jel-gallery-categories
[web] Begin "Categories" style update on gallery redesign

GitOrigin-RevId: 4af7da520485c47d54c2a0d004fd53edd7e93cc6
2024-10-22 08:07:09 +00:00
Jessica Lawshe
ab6ee04022 Merge pull request #21102 from overleaf/as-gallery-row-styling
Update Gallery Item styling

GitOrigin-RevId: abe5cc73a3d2ea14bf2e02eefb89ccc4d99c020e
2024-10-22 08:07:00 +00:00
ilkin-overleaf
a443713b55 Merge pull request #21230 from overleaf/ii-bs5-review-panel-new-add-comment-button
[web] BS5 new review panel add comment button

GitOrigin-RevId: f08686ca431bac3d3df055afd4468bef94656d9c
2024-10-22 08:06:34 +00:00
David
c7eafd69c2 Merge pull request #21014 from overleaf/dk-review-panel-tc-widget
Add "Track changes is On" button when review panel is closed

GitOrigin-RevId: a165201f611860ba531f2eeb3d89f83a695cd017
2024-10-22 08:05:50 +00:00
Domagoj Kriskovic
94d78e68cd Box shadow on review panel entry hover and focus (#21055)
* Box shadow on review panel entry hover and focus

* fix formatting

* added box-shadow in scss

* css priority

* fix styling lint

GitOrigin-RevId: fdf4ff0fbef6c9a924e83d40703958eb28caaa49
2024-10-22 08:05:29 +00:00
Domagoj Kriskovic
db3c69fbcd Fix review panel header positioning in Firefox and Safari (#20995)
* Fix review panel header positioning in Firefox and Safari

* update scss

GitOrigin-RevId: 5427f91f077104639a72f608c8d7572ab7d08a8c
2024-10-22 08:05:20 +00:00
David
efa376f4f4 Merge pull request #21120 from overleaf/dp-overview-entry-gap
Adjust size of gap between review panel entries to 4px

GitOrigin-RevId: a09a6fde0e8eb15e0c753e436a1c09434581d6d8
2024-10-22 08:05:07 +00:00
David
a2ea76f19f Merge pull request #21201 from overleaf/dp-toolbar-ui
Style adjustments for add comment tooltip

GitOrigin-RevId: 7fdc008fea4a191ff8bacca9a77e23cd55faac5a
2024-10-22 08:04:57 +00:00
ilkin-overleaf
8bc374c916 Merge pull request #21115 from overleaf/ii-bs5-review-panel
[web] BS5 review panel new

GitOrigin-RevId: c65d17d0053858bd74984ba746a620b89d900606
2024-10-21 08:04:37 +00:00
Tim Down
f84b205b4b Merge pull request #21203 from overleaf/td-bs5-nav-overflow
[BS5] Prevent nav items shrinking and therefore wrapping when space is limited

GitOrigin-RevId: ac071863532a779fd99760638bf904ffce4a21fe
2024-10-21 08:04:29 +00:00
Alf Eaton
1b2f5af1c0 Display current spell check language and option to change it (#21138)
GitOrigin-RevId: 87cf140a7e3e719125eb6d2df23d6c6bd6631fe8
2024-10-18 08:05:48 +00:00
Jessica Lawshe
4f9a056bea Merge pull request #21146 from overleaf/jel-begin-card
[web] Spacing adjustments around "\begin {now}" card on gallery and blog

GitOrigin-RevId: 822a91bb156222b61cbf671d78522fc942d4e5b4
2024-10-18 08:05:17 +00:00
M Fahru
e782ba2fee Merge pull request #21083 from overleaf/mf-new-blog-add-shadow
[web] Add box-shadow to every video in all blog pages

GitOrigin-RevId: b2d3180dd44cdc59845049a5d326b83209572078
2024-10-17 08:07:25 +00:00
M Fahru
317aedd929 Merge pull request #21082 from overleaf/mf-blog-new-image-rounded
[web] Add border-radius to every image inside .blog-content (blog post page) and `.blog-content-preview` (blog list page)

GitOrigin-RevId: 6f805513504b1e4468862018e6f62070a8adcfe0
2024-10-17 08:07:20 +00:00
M Fahru
f1859afc4b Merge pull request #21081 from overleaf/mf-blog-read-more-spacing-top
[web] Update spacing between blog preview and "read more" link in blog list page

GitOrigin-RevId: ee9184017f0862fac849d9ca2c4f6bcabdad5bff
2024-10-17 08:07:16 +00:00
M Fahru
be43bd2d20 Merge pull request #21019 from overleaf/mf-new-gallery-search-style
[web] Implement the new gallery search form style

GitOrigin-RevId: e9986344ac554a45c20e61454f2e20997a8e741a
2024-10-17 08:07:07 +00:00
M Fahru
0e41f8cf4c Merge pull request #21110 from overleaf/jel-cms-containers
[web] Remove extra horizontal padding on CMS pages

GitOrigin-RevId: 8f6a768ab8f3a4206ad14045cd75ed33aa335dd4
2024-10-17 08:07:02 +00:00
M Fahru
72b1954939 Merge pull request #21026 from overleaf/as-gallery-begin-card
Move begin_now_card mixin to generic location and add to template gallery

GitOrigin-RevId: 6167e7063ecb18b9465613c0a25bbbdd83b5727a
2024-10-17 08:06:49 +00:00
M Fahru
518920c129 Merge pull request #20855 from overleaf/as-web-visited-color
Update link-web-visited colour in BS5

GitOrigin-RevId: dba27c51c3a53b0f14a9bf704f0f5b9a503db66d
2024-10-17 08:06:44 +00:00
Alf Eaton
fac23dbbdc Merge pull request #20982 from overleaf/ae-font-folders
Organise and update web fonts

GitOrigin-RevId: f82a695bd7a4d16e4df83c2a297bf7d2393914a8
2024-10-17 08:05:59 +00:00
Tim Down
17b66e495f Merge pull request #21028 from overleaf/td-bs5-history-header
Migrate history header to Bootstrap 5

GitOrigin-RevId: de875cc698b0892d87d6f120131fc7fc3dc24e51
2024-10-17 08:05:50 +00:00
Tim Down
76f8680db0 Merge pull request #21013 from overleaf/td-bs5-history-document-diff-viewer
Migrate document diff viewer to Bootstrap 5

GitOrigin-RevId: 361e6398a09a5ec5c48aced02f27d9896567b539
2024-10-17 08:05:45 +00:00
Davinder Singh
43965828c8 Merge pull request #21027 from overleaf/ds-gallery-redesign-no-articles-found-3
Gallery redesign - Updating the tagged page with no articles found

GitOrigin-RevId: dfddfa29c84520093a35fec5017b4ad09634b617
2024-10-17 08:05:41 +00:00
Davinder Singh
75aa3764ea CMS BS5 Migration - Migrating about.less to about.scss (#20783)
* copying the styling from about.less into about.scss

* adding closest spacing available in BS5

GitOrigin-RevId: c4470ab1972762a025a42d581a6dee3c28ba7e2d
2024-10-17 08:05:36 +00:00
Tim Down
4138f9707a Merge pull request #20860 from overleaf/td-bs5-history-versions-list
Migrate history versions list to Bootstrap 5

GitOrigin-RevId: 4e006ad353cb11eadaefb2df41d2b8591003c664
2024-10-14 11:11:01 +00:00
M Fahru
3e5f9517c8 Merge pull request #20904 from overleaf/mf-gallery-title-new
[web] Implement new gallery header

GitOrigin-RevId: 20a9463dbaa3a94d601a2540fd60767b3a96b2a5
2024-10-14 11:10:28 +00:00
M Fahru
1582b40b74 Merge pull request #20902 from overleaf/mf-filter-navigation
[web] Gallery filter navigation redesign

GitOrigin-RevId: 0b9b0ed5d70dc4ab3956465d7669636143108d86
2024-10-14 11:10:23 +00:00
Davinder Singh
ba0de4f1e9 Gallery redesign - Top pick cards section on tagged page redesign (#20924)
Top pick card design on tagged gallery page

GitOrigin-RevId: fcc3633c8a99961ce97639c50b89b4221e40089e
2024-10-14 11:10:04 +00:00
Rebeka Dekany
d71f82b1fa Merge pull request #20880 from overleaf/ii-bs5-submit-modal
[web] BS5 submit modal

GitOrigin-RevId: 1c66b3874844d9bdbe129acd18480af6e6e0ef6e
2024-10-14 11:10:00 +00:00
Rebeka Dekany
f590d6d9a2 Merge pull request #20807 from overleaf/rd-ide-resizer
Migrate the editor resizer and SyncTeX button styles to CSS

GitOrigin-RevId: 94aec89f6f7b9e14d74d1c52111c13075e82ddaa
2024-10-14 11:09:55 +00:00
Rebeka Dekany
5b6bbcb73c Merge pull request #21008 from overleaf/rd-editor-errors
[web] Migrate notifications and error boundaries on the editor page

GitOrigin-RevId: c195ecf0dd9e38ec8326c823174e559e1f192ce1
2024-10-14 11:09:36 +00:00
Rebeka Dekany
f8efc3e2ae Merge pull request #20740 from overleaf/rd-ide-offcanvas
[web] Implement the editor's left menu in Offcanvas

GitOrigin-RevId: 999e995d664b1dc958f56643f05e95b8aa2d6290
2024-10-14 11:09:31 +00:00
M Fahru
86215df923 Merge pull request #20944 from overleaf/jel-blog-spacing
[web] Update blog vertical spacings to match Figma

GitOrigin-RevId: ef3ad8ba3228134343fcf58ae0ce1b91d6d94860
2024-10-14 11:09:17 +00:00
Antoine Clausse
d6de6da781 [web] Migrate the file view to Bootstrap 5 (#20765)
* [web] Remove unnecessary divs around `fileInfo`

* [web] Add file-view SCSS style

* [web] Simplify `TPRFileViewInfo`

* [web] Add div for action buttons

* [web] Misc. simplifications

* [web] Add Overleaf logo in bg when selecting multiple files

* [web] Add message when multiple files are selected

* [web] Add .full-size class

* [web] Import styles from LESS file

* [web] Update icons, use MaterialIcon

* [web] Use OLButton

* [web] Add missing space between icons and text

* [web] Adjust margins

* [web] Fix alert button

* [web] Update Alerts

* [web] Update `FileViewLoadingIndicator`

* [web] Fix test "shows a loading indicator..."

This was failing because `LoadingSpinner` is shown after a setTimeout.
Maybe we can skip this setTimeout when delay==0 ?

* [web] Remove Row/Col around error notifications

* [web] Replace `!!` by `Boolean`

Co-authored-by: ilkin-overleaf <100852799+ilkin-overleaf@users.noreply.github.com>

* [web] Use `alert` class in BS3 only

Co-authored-by: Ilkin Ismailov <ilkin.ismailov@overleaf.com>

* [web] Update "Go to settings" to OLButton

Co-authored-by: Ilkin Ismailov <ilkin.ismailov@overleaf.com>

* [web] Use `BootstrapVersionSwitcher` instead of `isBootstrap5`

Co-authored-by: Ilkin Ismailov <ilkin.ismailov@overleaf.com>

* [web] Align Alert content to the left in BS5

* [web] Remove `leadingIcon` on Refresh buttons

* [web] Make the download link be an OLButton

* [web] Set `tpr-refresh-error` in BS3 only

Co-authored-by: Rebeka Dekany <50901361+rebekadekany@users.noreply.github.com>

* [web] Use `var(--white);` instead of `white`

Co-authored-by: Rebeka <rebeka.dekany@overleaf.com>

* [web] Update OLButton size (small -> sm)

---------

Co-authored-by: ilkin-overleaf <100852799+ilkin-overleaf@users.noreply.github.com>
Co-authored-by: Ilkin Ismailov <ilkin.ismailov@overleaf.com>
Co-authored-by: Rebeka Dekany <50901361+rebekadekany@users.noreply.github.com>
Co-authored-by: Rebeka <rebeka.dekany@overleaf.com>
GitOrigin-RevId: 04f369c0f1a53d47619a1570648ee58de5050751
2024-10-14 11:07:55 +00:00
Antoine Clausse
2e080a3a34 [web] Migrate IDE page loading screen to BS5 (#20896)
* [web] Add `.loading-screen` style

* [web] Add `.loading-screen-error` style

* [web] Nest styles in `.loading-screen`

* [web] Simplify code, make a more valuable Storybook

* [web] Add a reusable bootstrap-switcher argument to loading.stories.tsx

* [web] Make `isBootstrap5()` work in storybook

* [web] Revert unrelated changes around `ConnectionError` type

* [web] Remove comment about unhandled error codes

https://github.com/overleaf/internal/pull/20896/files#r1790572314

* [web] Don't repeat the `errorCode` prop type

* [web] Remove unused CSS and magic padding

* [web] Fixup SCSS division

* [storybook] Revert Storybook changes (moved to another branch)

* [web] Fixup SCSS division again (lint)

* [web] Render with `Boolean(errorCode) && ...` instead of `errorCode && ...`

* [web] Remove importants; use spacing var

Addresses Tim's comments

GitOrigin-RevId: e8b5623f4bb9aa72a255851f46b45b652a0dbb16
2024-10-14 11:07:50 +00:00
ilkin-overleaf
4f838ccacf Merge pull request #20824 from overleaf/ii-bs5-share-modal
[web] BS5 share modal

GitOrigin-RevId: 40a33e06eab720b568d31aefa021682535b6934e
2024-10-14 11:07:31 +00:00
ilkin-overleaf
6c7ee8f778 Merge pull request #20715 from overleaf/ii-bs5-chat-pane
[web] BS5 chat pane

GitOrigin-RevId: 8587aca1372b4d2087863d492e702f04a31c23e2
2024-10-14 11:07:26 +00:00
ilkin-overleaf
92eade7502 Merge pull request #20708 from overleaf/ii-bs5-pdf-toolbar
[web] BS5 pdf toolbar

GitOrigin-RevId: a04091c9e936e52f47c3977b3149ffe613d43bb9
2024-10-14 11:06:17 +00:00
M Fahru
209a3670ce Merge pull request #20827 from overleaf/mf-bs5-previous-page-link-hover
[web] Add hover effect to `.previous-page-link` class

GitOrigin-RevId: ccba4cb22274695a2a3b63abcf86d7bc0c6dec61
2024-10-14 11:04:18 +00:00
M Fahru
2a99415c69 Merge pull request #20829 from overleaf/mf-blog-list-title-link-size
[web] Reduce blog title link size on bootstrap 5 blog list page

GitOrigin-RevId: cd22fef67488c5b8d291c358e812e0d94cb303ef
2024-10-14 11:04:13 +00:00