[web] Standardize `.badge` styling and HTML structure for both gallery-search and blog post page
GitOrigin-RevId: edfaceb61900897178654a920995e5c857fe7107
* 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
* 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
* [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
[web] Make sure gallery (tagged and non-tagged) page only have a single `.container` on each page
GitOrigin-RevId: df5272082a7f74dcc4051560692eaf715b49dc37
[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
* 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
* 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