[web] Set all link inside notification to use the default blue color for all website-redesigned non-application page
GitOrigin-RevId: d5e598f7b02ff132d9686a010ff55541346f7d2e
* 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 bad prop "divider" in DropdownDivider
* Reduce line height in log-entry-content-raw
Per https://digital-science.slack.com/archives/C05JM5NTHUP/p1732704056729519
* Decrease `pre` line-height to `--line-height-01` (body-xs)
GitOrigin-RevId: 584ba587d1fc3b8964b96722a6e72efc9fea1059
* Hide `PdfLogEntryContent` when there is no content
* Fixup in search "count": `--ol-blue-gray-4` doesn't exist in SCSS
* Update `AiErrorAssistant` with a `shouldRender` export, allowing to hide the element from the caller
* Revert "Update `AiErrorAssistant` with a `shouldRender` export, allowing to hide the element from the caller"
This reverts commit 01812fa2b108b94c99d250c9a39e4f3c41b36781.
* Hide .log-entry-content when empty, using CSS
Co-authored-by: Alf Eaton <alf.eaton@overleaf.com>
---------
Co-authored-by: Alf Eaton <alf.eaton@overleaf.com>
GitOrigin-RevId: c5096b362600058535bd645cf11dad255e941fb9
