* Use the leadingIcon prop instead of spacing
* Remove duplicated ID
* Make the alt text to be empty since image is decorative
* Make switcher input visually hidden
The switcher's input previously used 'pointer-events: none', which prevented proper interaction in the test. It replaces that hack.
* Add accessibilityLabel to the info icon that is actually a clickable link
* Use more specific selectors
* It should display
* Use more specific selectors
* Use more specific selectors
GitOrigin-RevId: a555d96cf972d06dd5432f44a23b02355cedcd94
* Pull email context outside of `ResendConfirmationCodeModal`
* Use `loading` prop of button instead of deprecated Icon
* Swap notification order to clarify priority (no change in behaviour)
* Replace confirmation link action by confirmationCodeModal, and simplify code
* Change to secondary button variant in the Notification
* Display errors within the modal
* Increase ratelimit for resend-confirmation
* Copy changes
* Add stories on email confirmation notifications
* Fix other Notification stories
* Update tests
* Update services/web/frontend/js/features/settings/components/emails/confirm-email-form.tsx
Co-authored-by: Rebeka Dekany <50901361+rebekadekany@users.noreply.github.com>
* Remove placeholder on 6-digit code input
---------
Co-authored-by: Rebeka Dekany <50901361+rebekadekany@users.noreply.github.com>
GitOrigin-RevId: dad8bfd79505a2e7d065fd48791fd57c8a31e071
* 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
Rebeka Dekany