* 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
* Create a new shared `SplitMenu` component.
* Refactor the pdf compile button & detached compile button:
- Rename `detach-compile-button` to `detach-compile-button-wrapper`
- Rename `pdf-compile-button-inner` to `detach-compile-button`
- Move some of the logic from `detach-compile-button-wrapper` to `detach-compile-button`
- Create a new `compile-button.less` to centralize all of the compile button (detached/non-detached) custom styles rule.
- Extract the animated striped CSS definition to the dedicated CSS file, change the class from `btn-recompile-group-has-changes` to `btn-striped-animated`
- Refactor other className(s) appropriately according to the new component name
- Delete the unused `changes-to-autocompile` css rule since it has not been used anywhere
* Implement the new pdf compile button with the new `SplitMenu` component.
GitOrigin-RevId: d1d055bffd311923fc47b4681605ce8ba8e26f25
