overleaf/services/web/frontend/js/features
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
..
algolia-search
autoplay-video
bookmarkable-tab
chat
clone-project-modal/components
compromised-password/components
contact-form
cookie-banner
dictionary
editor-left-menu
editor-navigation-toolbar/components [web] Changes to recompile button in Bootstrap 5 (#21586) 2024-11-15 09:05:25 +00:00
event-tracking
fallback-image
faq-search
file-tree
file-view
form-helpers
group-management
header-footer-react
history
hotkeys-modal/components
ide-react
link-helpers
mathjax
multi-submit
outline/components
pdf-preview [web] Changes to recompile button in Bootstrap 5 (#21586) 2024-11-15 09:05:25 +00:00
plans
preview
project-list
review-panel-new
settings
share-project-modal
source-editor
subscription
token-access/components
tooltip
ui/components [web] Changes to recompile button in Bootstrap 5 (#21586) 2024-11-15 09:05:25 +00:00
utils
word-count-modal