* Add `dsNavStyle` prop, so `sidebar-navigation-ui-update` doesn't change all pages
* Use `useIsDsNav` instead of `useSplitTestContext`
* Create a `useDsNavStyle` hook
* Use `useDsNavStyle`
* Add comment on `useIsDsNav` and `NavStyleContext`
* Revert "Hide nav dropdown chevron icon in welcome page"
This reverts commit 78b5ba85
* Move `DsNavStyleProvider` usage to project-list-ds-nav.tsx
* Fix typo
* Simplify `useDsNavStyle` conditions
GitOrigin-RevId: df3fe66d772919c40df69d357bee6949ab413928
* 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
* Reapply "[web] Update navigation events (navbar menu, new project) (#22473)"
This reverts commit 134809f73c57d3f019e8158243e1fc74f9f6540a.
* Set the analytics event on the links, not the small contained span (pug)
* Fixup `menu-click` events in pug files: use `trackingKey`, correct event name, ...
* Add `location` prop in NavDropdownMenuItems and ContactUsItem, because they're used in the sidebar too
GitOrigin-RevId: 0bb95f69182268c34929f51121f2d5a2b19c4692
* 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
* 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
* 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
* 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
* Update TPR promotions to BS5
* Remove unused class names
* Add responsive visibility in BS5
* Fix `OLFormControl` as `OLFormSelect`
With this update, it fixes the Select when importing from Mendeley or Zotero, in BS3 and BS5
* Use spacing variables in SCSS
GitOrigin-RevId: 8dd0e52a1674114bb3dc38fc4e3958a9c17ad5ac
* Update manage template modal to BS5
* Update `ManageTemplateButton` to BS5
* Update `OLFormControl` prop types so it has its `as` props
* Update `LeftMenuButton` to BS5
* Fixup linting
* Update `ManageTemplateModalBody` style:
* Bold label
* Correct rows in BS3
* Set spinner color to `text-muted` instead of blue
* `npm run format:fix`
GitOrigin-RevId: c5311e4786b2859a8b7cf567d19cd3d7614dd3db
* Add Story for `PdfCompileButton`
* Set the CompileButton height so it's similar to BS3
* Add the CompileButton animations
* Remove `sm` from CompileButton: makes font size bigger
* Use MaterialIcon in compile-button dropdown-toggle
* Use MaterialIcon in LayoutDropdown
* Fix stripe alignment on Recompile button
* Set padding around dropdown caret
Per Alexandru's instructions
* Prevent border from disappearing on hover
* Set the padding of the compile button even on both sides
Before: left 12px, right 16px;
After: left 16px, right 16px;
* Change px values to spacing var
* Add some button classes for BS5 only
* Don't render the hidden "Compiling…" in BS5, it changes the button width
* Prevent `loading="[object Object]"` in the DOM
Co-authored-by: Rebeka <rebeka.dekany@overleaf.com>
---------
Co-authored-by: Rebeka <rebeka.dekany@overleaf.com>
GitOrigin-RevId: 34f1eed03e63f3459243a37c878612a623f321f8
[web] Standardize `.badge` styling and HTML structure for both gallery-search and blog post page
GitOrigin-RevId: edfaceb61900897178654a920995e5c857fe7107
* [storybook] Rerender story when switching BS3/BS5
* [storybook] Add SCSS loader to storybook
* [storybook] Add some AI error assistant stories
* Rename ai-error-assistant.less to .scss
* Update less variables to sass
* Remove duplicated selector
* Replace react-bootstrap components by `OL...`
* Update Checkboxes after BS5 update
* Add IDs so clicking on labels work
* Add BS5 class name in SCSS
Note: `answer-not-detailed` is used twice in the Radios. I think it's a mistake: there should be another name for the "ai_feedback_the_suggestion_wasnt_the_best_fix_available" radio
* Rename ID `answer-not-detailed` -> `answer-not-best-fix`
* Pass name and value to BS3Radio/BS3Checkbox
* [storybook] Add delay before AI suggestion (shows the animation)
* Add a number after the checkbox/radio IDs, to allow multiple forms to be displayed
Without this, clicks on second form are updating the first form!
Another solution could be to wrap the input in the label, but it comes with other problems. See https://css-tricks.com/html-inputs-and-labels-a-love-story/
* [storybook] Update `LabsAiPromoBanner`
* Use CSS variables instead of hardcoded values
* Make radio input flex
* Replace `blue-10` by `bg-info-03`
* Fix `SuggestFixButton`
* Fix `AiErrorAssistantCopyCode`
* Fix button loading in BS5
* Use OLBadge
* Fix Button variants
* Update `suggestFixAction`
* Migrate Tooltip and Button to BS5 in LabsExperimentWidget
* Update BS3/BS5 button classname in AiErrorAssistantCopyCode
Co-authored-by: Rebeka <rebeka.dekany@overleaf.com>
* [storybook] Allow to choose props of `LabsExperimentWidget`
* Fixup `OLTooltip`: Display the tooltip on disabled button in BS5
* Update Tooltips to BS5
---------
Co-authored-by: Rebeka <rebeka.dekany@overleaf.com>
GitOrigin-RevId: 08d594e772c0a3b6db1c6081337cc2d079f478a5
* [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
