* Migrate the Try Premium for free page to Bootstrap 5
* Migrate the Overleaf Beta Program page to Bootstrap 5
* Fix buttons alignment on smaller screen size
* Migrate the Overleaf Bonus Program page to Bootstrap 5
GitOrigin-RevId: 811db783af6a86ab472aae95e075bfa301786a31
* Revert me! Temporarily update code to test updates
* Update layout-no-js.pug to use BS5
* Migrate pages to BS5
* Revert "Revert me! Temporarily update code to test updates"
This reverts commit 03d980939dcbdc3f73ddf1e673acbc3fbfdfe2ec.
* Use `.error-container` class instead of BS5 utility
* Fix breakbpoints
* Use `.error-container` instead of utility class
GitOrigin-RevId: fd39c4f7278f175bbdeee24826f7a2226b1d7c70
* 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
* 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
* [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
* [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
* [web] Initialize BS5 in subscription page
* [web] Update subscription-dashboard.tsx for BS5
* [web] Update row-link.tsx for BS5
* [web] Update modals
* [web] Add `btn` to `btn-inline-link` classes
* [web] Update circle change-to-group circle price element
* [web] Replace `list-item-with-margin-bottom` with `mb-3`
* [web] Update form elements to BS5
* [web] Use `useContactUsModal`
* [web] Adjust tables margin/padding, and more
* [web] Update change-to-group-modal.tsx
* [web] Add gap to subscription buttons
* [web] Remove subscription page colspan for md and above
* [web] Use Notification component
* [web] Update "leave group" buttons
* [web] Fix tests: add `ol-user` meta tag
* [web] Nest .hover-highlight in #subscription-dashboard-root
* [web] Update to OLRow/OLCol
* [web] Update to OLButtons
* [web] Update to OLFormGroup
* [web] Naming: use BSversion prefix
* [web] Set CancelSubscriptionButton as ghost directly in component
* [web] Set "Plan" font size
* [web] Simplify cancel-subscription buttons
* [web] Remove `--neutral-10` ModalFooter background
* [web] Simplify circle styles
* [web] Center discount badge
* [web] Update fieldset label
* [web] Add `<ul>` around RowLink
* [web] Define SCSS for row-link component
* [web] Remove some use of utility classes
* [web] Revert and update `fieldset` changes (fixes tests)
* [web] Fixup some more OLButtons
* [web] Fixup use of OLRow/OLCol
* [web] Reduce spacing below "legend-as-label"
* [web] Use h5 instead of small in OLModalTitle
* [web] Revert OLCol removal on lg screens
I had removed them by mistake because I wasn't using the proper breakpoints
* [web] Add backdrop to nested modal ContactUsModal
* [web] Don't prefill project URL in ContactUsModal
* [web] Fix lint
* [web] Share `className` prop in BS5 and BS3 modals
* [web] Set sub-title font sans serif (BS3)
* [web] Update remaining Alerts to OLNotification
GitOrigin-RevId: 7fd975ae3e992cebfaf71d4e182f8e13ec886d09
* [web] Wiring work for `/subscription/invites/:token` BS5 migration
* [web] Add SCSS for .enrollment-invite
* [web] Update invite_logged_out PUG file for BS5
* [web] Update `GroupInviteViews` (and children) to BS5
* [web] Update `InviteManaged` to BS5
* [web] Update Logout button
* [web] Update subtitles
This removes the `text-overflow:ellipsis`. I think it's better without it, because it can be an accessibility issue.
* [web] Add margin on inner-card
* [web] Style action buttons in InviteManaged
* [web] Add missing container around Row
This was causing the row to overflow the body.
Increased the col width to compensate.
* [web] Fixup lint
* [web] Fix `ManagedUserCannotJoin` title in BS3 (!)
I checked all the other `OLNotification`: we don't use `title` anywhere else
* [web] Put title in OLNotification content
See https://github.com/overleaf/internal/pull/20640#discussion_r1777551257
* [web] Use translations for "aria-label="Email address""
* [web] Handle OLButton `isLoading` in `bs3Props`
* [web] Remove duplicated `btn` class
* [web] Add margin-bottom to InviteManaged title and fix logout button CSS in BS3
* [web] Adjust col class in Pug file for BS3 and BS5
* [web] Revert migration to OLNotification
Revert back to `@/shared/components/notification`
* [web] Add note to remove .team-invite-name after BS5 migration
* [web] Set `btn-link-logout` in BS3 only
* [web] Update OLButton so other classNames automatically get passed to the BS3 implementation
* [web] Revert OLButton changes for BS3 classnames
Co-authored-by: Rebeka <rebeka.dekany@overleaf.com>
* [web] Update services/web/modules/group-settings/frontend/js/components/invite-managed.tsx
Co-authored-by: ilkin-overleaf <100852799+ilkin-overleaf@users.noreply.github.com>
* [web] Use OLFormGroup `controlId`
---------
Co-authored-by: Rebeka <rebeka.dekany@overleaf.com>
Co-authored-by: ilkin-overleaf <100852799+ilkin-overleaf@users.noreply.github.com>
GitOrigin-RevId: 64b3f79c83002a9c9585bfb8e344e80b2e8eac5c
