overleaf/services/web/frontend/stories
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
..
decorators
editor [web] Changes to recompile button in Bootstrap 5 (#21586) 2024-11-15 09:05:25 +00:00
editor-left-menu
file-view
fixtures
history
hooks
loading
modals
project-list
settings
source-editor
subscription/group-invites
ui
utils
chat.stories.jsx
clone-project-modal.stories.jsx
contact-us-modal.stories.tsx
dropdown.stories.jsx
editor-navigation-toolbar.stories.jsx
editor-switch.stories.jsx
feedback-badge.stories.tsx
file-tree.stories.jsx
hotkeys-modal.stories.jsx
icon.stories.jsx
input-switch.stories.tsx
notification.stories.tsx
outline.stories.jsx
pagination.stories.jsx
pdf-log-entry.stories.tsx
pdf-preview-error-boundary.stories.jsx
pdf-preview-messages.stories.jsx
pdf-preview-messages.stories.tsx
pdf-preview.stories.jsx
pdf-viewer.stories.jsx
radio-chip.stories.tsx
select.stories.tsx
share-project-modal.stories.jsx
split-menu.stories.tsx
split-test-badge.stories.jsx
start-free-trial-button.stories.jsx
style-guide.stories.jsx
switcher.stories.tsx
use-expand-collapse.stories.jsx
word-count-modal.stories.jsx