overleaf/services/web/frontend/js/features/ui/components/bootstrap-5
Antoine Clausse 1d4737ac69 [web] Changes to recompile button in Bootstrap 5 (#21586)
* 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
2024-11-15 09:05:25 +00:00
..
footer
form
navbar
badge-link.tsx
badge.tsx
bootstrap-version-switcher.tsx
button.tsx
dropdown-menu.tsx [web] Changes to recompile button in Bootstrap 5 (#21586) 2024-11-15 09:05:25 +00:00
dropdown-toggle-with-tooltip.tsx
icon-button.tsx
language-picker.tsx
table.tsx
tag.tsx
tooltip.tsx