* 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
* [web] Migrate Logs components JSX to Bootstrap 5
* [web] Migrate logs.less to logs.scss
* [web] Remove unused class names
* [storybook] Define default Bootstrap version in Storybook
This prevents some warning in the console
* [storybook] Update pdf-preview.stories.jsx
* [storybook] Add pdf-log-entry.stories.tsx
* [storybook] Force re-renders when switching BS version
* [web] Keep files dropdown menu in bounds
* [web] Make files dropdown items not bold in BS5
* [web] Revert unrelated change
* [web] Fixup PreviewLogsPaneMaxEntries
* [web] Add style for log-entry-content-link
* [web] Replace log-entry by OLNotification in `PdfCodeCheckFailedNotice`
* [web] Use `BootstrapVersionSwitcher` instead of `isBootstrap5`
* [web] Rename `DropdownBS3` to `BS3Dropdown`
* [web] Reuse variables for `toolbar-height` and `toolbar-small-height`
* [web] Set `id` on `DropdownToggle` not `Dropdown`
* [web] Set `log-entry-btn-expand-collapse` in BS3 only
* [web] Remove `block: true` from StartFreeTrialButton in BS3
* [web] Remove unnecessary CSS in `.log-entry-header-link`
* [web] Use semantic color names
* Migrate the downloadable pdf file list to Bootstrap 5
* Remove nested BootstrapVersionSwitcher, fix "key" prop
* Update roles to: `<li role="menuitem">` `<a role="link">`
* Update `log-entry-header-link`: variant ghost and fix colors
---------
Co-authored-by: Rebeka <o.dekany@gmail.com>
GitOrigin-RevId: 89848970ab5d8a8c135335386caf24363f69a34c
They are duplicated by:
* services/web/frontend/js/features/ide-react/components/history.tsx
* services/web/frontend/js/features/ide-react/components/history-root.tsx
GitOrigin-RevId: c3f13ea9016530182ae623b06e91a9fdb2be7a87
[web] Make sure gallery (tagged and non-tagged) page only have a single `.container` on each page
GitOrigin-RevId: df5272082a7f74dcc4051560692eaf715b49dc37
* Reapply "Remove spell check languages that are only available on the server (#21056)"
This reverts commit a2273a5ff2eeb5660ae992c41e67b7b936dc4e26.
GitOrigin-RevId: 2dfdf87acdf17db894e921fe754c1520df6f01c1
* [web] Set Subscription pages to have `layout-react`
* [web] import `header-footer-react` in Subscription pages (!!)
* [web] Add `ol-user` meta tag to the subscription pages (!!)
⚠️ invite_logged_out.pug should be updated instead of setting the user as `{}`
* [web] Fix unit test
* [web] Update User types to handle a logged out user, add `LOGGED_OUT_USER` const
* [web] Add type `User` to `getSessionUser`
* [web] Remove `LOGGED_OUT_USER` const
* [web] Just pass `{ id: null }` as the user
* [web] Remove comment in pugs, it breaks things
* [web] Don't pass the full user to the frontend!!!
Co-authored-by: Jakob Ackermann <jakob.ackermann@overleaf.com>
---------
Co-authored-by: Jakob Ackermann <jakob.ackermann@overleaf.com>
GitOrigin-RevId: 1768f1f13de924a18be43c1a08614000500dcbec
[web] Add border-radius to every image inside .blog-content (blog post page) and `.blog-content-preview` (blog list page)
GitOrigin-RevId: 6f805513504b1e4468862018e6f62070a8adcfe0
* copying the styling from about.less into about.scss
* adding closest spacing available in BS5
GitOrigin-RevId: c4470ab1972762a025a42d581a6dee3c28ba7e2d
* Remove need for custom set-review-panel-open event
* Open current file view when clicking add comment tooltip
---------
Co-authored-by: Domagoj Kriskovic <dom.kriskovic@overleaf.com>
GitOrigin-RevId: 2b21061193f4270030d73174014aabbd017fd38e
* Update add comment tooltip to match new designs
* Rename AddCommentTooltip to ReviewTooltipMenu
* Split off add-comment-button specific padding
GitOrigin-RevId: 12a69b13b52b007eb97ba7ad6f290e3a98d741cd
* [web] Remove unnecessary divs around `fileInfo`
* [web] Add file-view SCSS style
* [web] Simplify `TPRFileViewInfo`
* [web] Add div for action buttons
* [web] Misc. simplifications
* [web] Add Overleaf logo in bg when selecting multiple files
* [web] Add message when multiple files are selected
* [web] Add .full-size class
* [web] Import styles from LESS file
* [web] Update icons, use MaterialIcon
* [web] Use OLButton
* [web] Add missing space between icons and text
* [web] Adjust margins
* [web] Fix alert button
* [web] Update Alerts
* [web] Update `FileViewLoadingIndicator`
* [web] Fix test "shows a loading indicator..."
This was failing because `LoadingSpinner` is shown after a setTimeout.
Maybe we can skip this setTimeout when delay==0 ?
* [web] Remove Row/Col around error notifications
* [web] Replace `!!` by `Boolean`
Co-authored-by: ilkin-overleaf <100852799+ilkin-overleaf@users.noreply.github.com>
* [web] Use `alert` class in BS3 only
Co-authored-by: Ilkin Ismailov <ilkin.ismailov@overleaf.com>
* [web] Update "Go to settings" to OLButton
Co-authored-by: Ilkin Ismailov <ilkin.ismailov@overleaf.com>
* [web] Use `BootstrapVersionSwitcher` instead of `isBootstrap5`
Co-authored-by: Ilkin Ismailov <ilkin.ismailov@overleaf.com>
* [web] Align Alert content to the left in BS5
* [web] Remove `leadingIcon` on Refresh buttons
* [web] Make the download link be an OLButton
* [web] Set `tpr-refresh-error` in BS3 only
Co-authored-by: Rebeka Dekany <50901361+rebekadekany@users.noreply.github.com>
* [web] Use `var(--white);` instead of `white`
Co-authored-by: Rebeka <rebeka.dekany@overleaf.com>
* [web] Update OLButton size (small -> sm)
---------
Co-authored-by: ilkin-overleaf <100852799+ilkin-overleaf@users.noreply.github.com>
Co-authored-by: Ilkin Ismailov <ilkin.ismailov@overleaf.com>
Co-authored-by: Rebeka Dekany <50901361+rebekadekany@users.noreply.github.com>
Co-authored-by: Rebeka <rebeka.dekany@overleaf.com>
GitOrigin-RevId: 04f369c0f1a53d47619a1570648ee58de5050751
* add option to remove chat from backend
* make chat default to enabled
* Check chat is enabled in chat context
---------
Co-authored-by: mserranom <mserranom@gmail.com>
GitOrigin-RevId: 7dda09df4bb74007eb4b1272d4918155b5cddaf6
* adding left-margin for the checkbox-label
* moving the styling to appropriate file and making it more generic
GitOrigin-RevId: 66484344891c77f6d31147ef7d0e0d55987a8445
* adding existing pattern card content and styling with commented code to avoid breaking the compiler
* removing extra styling that is not needed
* using variables
* removing event segmentation and adding URLs
* adding a translation for tthe ext
* adding a translation for explore_all_plans
* adding translation sign_up_for_free
* adding the card on blog post page
* adding card-body to match BS5 and removing extra padding from .cta-card
* adding p and removing margin from .font-size-display-xs
* removing cta-card-text class
* removing margin-top from responsive-button-container and adding the usage of .p-no-text-nodes with p
* removing gap and margin responsive-button-container
* removing extra padding
* adding font-size and line-height to match figma design
* changing the breakpoint to lg
* removing important keyword
* making explore plans button as primary and hiding signup button when user is logged in
* removing responsive-button-container
* adding count variable in the translation
* moving font-size-display-xs one level lower
* adding span under p
GitOrigin-RevId: a1a16d46a725b547bda6e452ff1c7bef05964690
