* [web] Wiring work for `/subscription/invites/:token` BS5 migration
* [web] Add SCSS for .enrollment-invite
* [web] Update invite_logged_out PUG file for BS5
* [web] Update `GroupInviteViews` (and children) to BS5
* [web] Update `InviteManaged` to BS5
* [web] Update Logout button
* [web] Update subtitles
This removes the `text-overflow:ellipsis`. I think it's better without it, because it can be an accessibility issue.
* [web] Add margin on inner-card
* [web] Style action buttons in InviteManaged
* [web] Add missing container around Row
This was causing the row to overflow the body.
Increased the col width to compensate.
* [web] Fixup lint
* [web] Fix `ManagedUserCannotJoin` title in BS3 (!)
I checked all the other `OLNotification`: we don't use `title` anywhere else
* [web] Put title in OLNotification content
See https://github.com/overleaf/internal/pull/20640#discussion_r1777551257
* [web] Use translations for "aria-label="Email address""
* [web] Handle OLButton `isLoading` in `bs3Props`
* [web] Remove duplicated `btn` class
* [web] Add margin-bottom to InviteManaged title and fix logout button CSS in BS3
* [web] Adjust col class in Pug file for BS3 and BS5
* [web] Revert migration to OLNotification
Revert back to `@/shared/components/notification`
* [web] Add note to remove .team-invite-name after BS5 migration
* [web] Set `btn-link-logout` in BS3 only
* [web] Update OLButton so other classNames automatically get passed to the BS3 implementation
* [web] Revert OLButton changes for BS3 classnames
Co-authored-by: Rebeka <rebeka.dekany@overleaf.com>
* [web] Update services/web/modules/group-settings/frontend/js/components/invite-managed.tsx
Co-authored-by: ilkin-overleaf <100852799+ilkin-overleaf@users.noreply.github.com>
* [web] Use OLFormGroup `controlId`
---------
Co-authored-by: Rebeka <rebeka.dekany@overleaf.com>
Co-authored-by: ilkin-overleaf <100852799+ilkin-overleaf@users.noreply.github.com>
GitOrigin-RevId: 64b3f79c83002a9c9585bfb8e344e80b2e8eac5c
* 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
[web] CMS BS5 - Fix mobile top padding when columns reversed, apply `max-width` to rows as cards
GitOrigin-RevId: 0c8745c171dc8e24389b2e54e4d6fd605c30e145
* migrating premium badge to BS5 and changing the unit test
* fixing unit test
* using badge badge-prepend classes for the premium badge
* fixing unit test
* adding font-weight variable
* removing unused CSS
* adding aria-hidden
GitOrigin-RevId: a1ab2eeedd95ee500c21607abd09a0a8a07289f0
* adding classes according to bootstrap 5 tabs
* adding JS for tabs handeling in BS5
* adding styling for tabs to match the redesign styling
* making sure tabs are being highlighted when active
* adding a scroll-margin-top to have some extra space
* removing extra import, it is not needed here because we already import it in bootstrap-x.js files
* using the media-breakpoint-down for a media query styling
* introducing .nav-tabs-container to make the tab triggers horizontally scrollable
* creating a mixin box-shadow-button-input under scss for bootstrap-5
* moving border-width-base to tabs.scss
* aligning tabs to the left under screen size of 768px
* removing focus-style mixin from scss files becuase it was a duplicate
GitOrigin-RevId: 45780c62681fc9b61961f5436d2d55de66a976b6
