* Remove hacks that conditionally hid `ds-nav` survey
* Remove `getAssignment` of `sidebar-navigation-ui-update`
* Remove `hasDsNav`: make it true everywhere
* Remove dead code
* Update Footer so thin footer is shown in SP/CE
* Run `web$ make cleanup_unused_locales` & `bin/run web npm run extract-translations`
* [server-pro] fix learn wiki tests following DS navigation changes
* [server-pro] tests: remove logout action before switching session
* [server-pro] tests: fix logout test
* [server-pro] tests: use new css class for sidebar on project dashboard
* Revert "should add a documentation entry to the nav bar" test change
---------
Co-authored-by: Jakob Ackermann <jakob.ackermann@overleaf.com>
GitOrigin-RevId: 93eb7a1b03bb4e54ad1770150d83778b8f7f6727
* Remove the Bootstrap 5 version utilities
* Remove Account settings LESS stylesheet and unused styles
* Prefer using the OLFormText wrapper component instead of FormText
* Remove the Bootstrap 3 version stories
* Replace Font Awesome icons to Material icons
* Fix the heading hierarchy
* Cleanup unused translation
* Restore ellipsis to the text of two loading spinners
* Add loading button tests back and add some button loading labels
---------
Co-authored-by: Tim Down <158919+timdown@users.noreply.github.com>
GitOrigin-RevId: 283a9167c8c78bf0fe5062840ded6917dcd6263b
* Remove skipLoadingStyleSheet
* Remove unused bootstrap-5 assignment from the Account settings page since it's archived
* Remove bsVersionIcon
* Remove bsVersion, bootstrapVersion and isBootstrap5 from elements on the IDE page
* Remove BS3Dropdown from the context menu
* Cleanup Bootstrap 3 related comment and type
GitOrigin-RevId: a67244eb78943ee84cc5f89bae164c0361e8fc13
* Show an aggressive dashboard notification for unconfirmed emails
Show a persistent dashboard notification for untrusted secondary emails
* For emails before the cutoffDate, start displaying the notification on the deletionDate and show the notification for 90 days
* Update the email deletion logic for displaying the email notification and update test
* Update test
GitOrigin-RevId: 1b0e44f79592292d428c634dc1ec4df9e6ceaeb4
* Reapply "[web] Show DS Navigation for all SAAS users regardless of feature fla…"
This reverts commit 8d4096a7e4b6a7894b1bef14290548225deebd57.
* Fix: `hasDsNav` should check `isOverleaf` !!!
* Change `hasDsNav` from a boolean to a function call for dynamic evaluation
GitOrigin-RevId: 17463ac113a4278ed344622552d83da93b208b4d
* Remove `sidebar-navigation-ui-update` as true from analytics events
* Hide "ds-nav" survey for users who have the feature flag
* Replace `useIsDsNav()` by `isOverleaf`
* Rename former `hideDsSurvey` to `hideDsSurvey`, and set `hasDsNav = isOverleaf` variable
so the intent is clearer.
* Update frontend tests
GitOrigin-RevId: 2be9f88a10da430c0429de15d777d98104327f9f
* Remove uses of `useIsDsNav`
* Remove `sidebar-navigation-ui-update` as true from analytics events
* Hide "ds-nav" survey for users who have the feature flag
* `make cleanup_unused_locales` & `bin/run web npm run extract-translations`
* Update frontend tests
GitOrigin-RevId: 83f429d81ca1b46e9eab4fc667a921026a85912f
* 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
