* 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
* 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
* 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
* 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
* 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
* 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
* 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
* 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
* Remove `BootstrapVersionSwitcher`
* Remove `bsVersion`
* Remove `bootstrap-5-project-dashboard` from code
* Fix frontend test
* Fixup classname `"me-auto"`
Co-authored-by: Tim Down <tim.down@overleaf.com>
* Rename `handleClickBS5` to `handleClick`
Co-authored-by: Tim Down <tim.down@overleaf.com>
* Remove `bs3Props` from `project-list/components`
* Remove translation: `joining`
* Set `isBootstrap5()` to true in test, and update
---------
Co-authored-by: Tim Down <tim.down@overleaf.com>
GitOrigin-RevId: 94005bc8636c9235253758b8ac18a732ee1dbd77
* welcome page adjusted columns in BS5
* [web] Fix card color
* [web] Fixup card width in BS3
* [web] Fix lint
* [web] Fix cards text color in BS3
* [web] Fix cards positioning in BS3
* [web] Prevent cards from becoming too large on big screens
---------
Co-authored-by: Ilkin Ismailov <ilkin.ismailov@overleaf.com>
GitOrigin-RevId: 9b91c073a62dae7cad4402908a34f9880ecdb0ac
Jimmy Domagala-Tang