[web] Add `device` and `screen-breakpoint` segmentation to all gallery-related page view events
GitOrigin-RevId: 36cfb5c5d183645782efe8c66c09f476d5474253
* Split `SpellingSuggestions` into a BS3 and BS5 version
* Migrate `B5SpellingSuggestions` to BS5
* Add `.dropdown-menu.dropdown-menu-unpositioned` styles
This makes the dropdown position itself without overflows
* Make spelling tooltip background transparent
* Migrate Cog icon to BS5
* Use `PolymorphicComponent`
Co-authored-by: Ilkin Ismailov <ilkin.ismailov@overleaf.com>
* Fix formatting
---------
Co-authored-by: Ilkin Ismailov <ilkin.ismailov@overleaf.com>
GitOrigin-RevId: aaa6c589637971031d13ac099f935fe2052e6989
* [storybook] Rerender when switching BS version
* Move comment to related code (bsStyle)
* Wrap the Layout MenuItem "subdued" text, using flex-column
* Create a Story for `LayoutDropdownButton`
* Center `.layout-dropdown .dropdown-item` vertically
* Remove unused classname `layout-dropdown-list`
* [storybook] Allow `detachable` to be passed as a prop
* Migrate `DetachDisabled` to BS5
* [storybook] Set actions for `^handle.*`, rename story
GitOrigin-RevId: 18509d259fad02a8aeb52132f1919e216b092b7e
* Update ide-react-detached.pug for BS5
* Place the Recompile button tooltip to the bottom when in Detached layout
GitOrigin-RevId: 02dd23d38314e40585a435095b05231c8edd6849
* adding flex-wrap to avoid overlapping of the buttons
* renaming classes to avoid modifying col-md-12 properties
GitOrigin-RevId: d000bd3c0b5be15f526ccbd1699cfe5679c0ddec
[web] Adjust the styling of the navigation filter on devices with a small screen width on gallery page
GitOrigin-RevId: a404293a030aa60f2261ad2219bc7e55d885f042
[web] Standardize `.badge` styling and HTML structure for both gallery-search and blog post page
GitOrigin-RevId: edfaceb61900897178654a920995e5c857fe7107
* Scroll selection anchor into view when adding new comment
* check if cursor is near viewport edge
* Show "add comment" tooltip below cursor if near viewport top
GitOrigin-RevId: 0dc2234bc03b1d88a3719ba01a4a865f218b9bfa
* Return focus to parent entry element after message is edited
* Revert "Return focus to parent entry element after message is edited"
This reverts commit 96234a666e7e7c17b99a23a8a92ea030efe6083f.
* Manually force blur on submitting an edited message
* Show review panel entry header when editing comment (#21397)
* Show review panel entry header when editing comment
* edit comment spacing
* hide comment options when editing
---------
Co-authored-by: Domagoj Kriskovic <dom.kriskovic@overleaf.com>
GitOrigin-RevId: 66a8d1ed772cf91ea0f086bd08cdabaeb7456956
* Disable drop-shadow on review panel entry when collapsed
* use existing .review-panel-mini class
GitOrigin-RevId: 18428f37a7d048b8a63c5eaf6bf232f4cc5009b5
* Scroll selection anchor into view when adding new comment
* check if cursor is near viewport edge
GitOrigin-RevId: 57d4195f7ce1513a56249365b45b3959b4ea813f
* Adding max width for gallery-summary
* changin card background color
* removing row from within the card
* matching the padding of gray card with figma design
* removing row and spaced row to avoid extra padding and adding doc-rows-container
* adding grid for templates and removing some old styling
* adding .recent-templates-container to add the padding and margins
* deleting a comment and adding img border radius for the thumbnail
* adding margin-bottom on recent-templates-container
* adding .gallery-tagged-title-container to match the figma padding and then a fix was needed for the width of the filters
* renaming gallery-tagged-title-container to gallery-tagged-container-spacing and re-using it for Related tags container
* making recent heading as heading-xl to match figma
* adding badge styling and its container styling via .gallery-tagged-template-tags-container
* making two classes out of this class .gallery-tagged-container-spacing to add the styling for the h2 heading
* adding margin-bottom to match figma style
* making class generic and using it at multiple places
* removing some extra code
* removing grid styling because after rebase the layout was fixed with col classes
* adding rows back
* adding h2 instead of h3 and making them heading-xl
* adapting some changes after merge conflicts
* removing duplicate classname after rebase
GitOrigin-RevId: d02a0b1e2784fd96d2af2326700829879dacc464
* adding .gallery at top level
* adding styling for heading and buttons
* removing padding under cta-links
* removing find more templates text
* adding field title styling
* adding .details-container for spacing between the content
* adding a colon after field-title
* moving tags styling into badge.scss file to make it more generic to use
* moving section tag one level below to use it as a flex containe for adding gap property
* adding field-description class
* fixing the image width
* adding some padding between the content
* renaming a file to a more descriptive name
* adding .gallery-abstract class in the scss file
* adding colons in pug file
* adding previous-page-link and its container class
* moving paddings to larger screens only and adding a top margin for mobile screens]
* adding some spacing above tags on mobile view when heading and tags are vertically aligned
* adding styling to the badge and removing extra padding from h1 to match figma
* lint:fix
* swapping position of top-pick and official badges
* adding path and itemPlural
* removing unused top margin
GitOrigin-RevId: a5c9b731b69ecfe2b752015c410e10a0fec2c704
* Revert "Add isUsingNewReviewPanel flag for writefull (#21111)"
This reverts commit 3491e93ca70fa1db0c751872e233dfebdbe81423.
* add usingNewReviewPanel in store
* fix lint error
GitOrigin-RevId: 56d90a428a2cc45708b8b483dc60a62aae233a85
* [storybook] Rerender story when switching BS3/BS5
* [storybook] Add SCSS loader to storybook
* [storybook] Add some AI error assistant stories
* Rename ai-error-assistant.less to .scss
* Update less variables to sass
* Remove duplicated selector
* Replace react-bootstrap components by `OL...`
* Update Checkboxes after BS5 update
* Add IDs so clicking on labels work
* Add BS5 class name in SCSS
Note: `answer-not-detailed` is used twice in the Radios. I think it's a mistake: there should be another name for the "ai_feedback_the_suggestion_wasnt_the_best_fix_available" radio
* Rename ID `answer-not-detailed` -> `answer-not-best-fix`
* Pass name and value to BS3Radio/BS3Checkbox
* [storybook] Add delay before AI suggestion (shows the animation)
* Add a number after the checkbox/radio IDs, to allow multiple forms to be displayed
Without this, clicks on second form are updating the first form!
Another solution could be to wrap the input in the label, but it comes with other problems. See https://css-tricks.com/html-inputs-and-labels-a-love-story/
* [storybook] Update `LabsAiPromoBanner`
* Use CSS variables instead of hardcoded values
* Make radio input flex
* Replace `blue-10` by `bg-info-03`
* Fix `SuggestFixButton`
* Fix `AiErrorAssistantCopyCode`
* Fix button loading in BS5
* Use OLBadge
* Fix Button variants
* Update `suggestFixAction`
* Migrate Tooltip and Button to BS5 in LabsExperimentWidget
* Update BS3/BS5 button classname in AiErrorAssistantCopyCode
Co-authored-by: Rebeka <rebeka.dekany@overleaf.com>
* [storybook] Allow to choose props of `LabsExperimentWidget`
* Fixup `OLTooltip`: Display the tooltip on disabled button in BS5
* Update Tooltips to BS5
---------
Co-authored-by: Rebeka <rebeka.dekany@overleaf.com>
GitOrigin-RevId: 08d594e772c0a3b6db1c6081337cc2d079f478a5