* Add Story for `PdfCompileButton`
* Set the CompileButton height so it's similar to BS3
* Add the CompileButton animations
* Remove `sm` from CompileButton: makes font size bigger
* Use MaterialIcon in compile-button dropdown-toggle
* Use MaterialIcon in LayoutDropdown
* Fix stripe alignment on Recompile button
* Set padding around dropdown caret
Per Alexandru's instructions
* Prevent border from disappearing on hover
* Set the padding of the compile button even on both sides
Before: left 12px, right 16px;
After: left 16px, right 16px;
* Change px values to spacing var
* Add some button classes for BS5 only
* Don't render the hidden "Compiling…" in BS5, it changes the button width
* Prevent `loading="[object Object]"` in the DOM
Co-authored-by: Rebeka <rebeka.dekany@overleaf.com>
---------
Co-authored-by: Rebeka <rebeka.dekany@overleaf.com>
GitOrigin-RevId: 34f1eed03e63f3459243a37c878612a623f321f8
* 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
[web] Standardize `.badge` styling and HTML structure for both gallery-search and blog post page
GitOrigin-RevId: edfaceb61900897178654a920995e5c857fe7107
* 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] Add border-radius to every image inside .blog-content (blog post page) and `.blog-content-preview` (blog list page)
GitOrigin-RevId: 6f805513504b1e4468862018e6f62070a8adcfe0
