overleaf/services/web/frontend/js/features/editor-navigation-toolbar/components
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
..
back-to-editor-button.tsx Merge pull request #20708 from overleaf/ii-bs5-pdf-toolbar 2024-10-14 11:06:17 +00:00
back-to-projects-button.tsx Merge pull request #20205 from overleaf/ii-bs5-ide-header 2024-09-04 08:06:00 +00:00
chat-toggle-button.jsx Merge pull request #20231 from overleaf/ii-bs5-ide-header-light 2024-09-09 08:05:10 +00:00
cobranding-logo.jsx
editor-navigation-toolbar-root.tsx
history-toggle-button.jsx Merge pull request #20205 from overleaf/ii-bs5-ide-header 2024-09-04 08:06:00 +00:00
layout-dropdown-button.tsx [web] Changes to recompile button in Bootstrap 5 (#21586) 2024-11-15 09:05:25 +00:00
menu-button.jsx Merge pull request #20205 from overleaf/ii-bs5-ide-header 2024-09-04 08:06:00 +00:00
online-users-widget.jsx Merge pull request #20205 from overleaf/ii-bs5-ide-header 2024-09-04 08:06:00 +00:00
project-name-editable-label.tsx Merge pull request #20205 from overleaf/ii-bs5-ide-header 2024-09-04 08:06:00 +00:00
share-project-button.jsx Merge pull request #21002 from overleaf/rd-icon-updates 2024-10-14 11:09:41 +00:00
toolbar-header.jsx add an option to remove chat from server pro (#20445) 2024-10-14 11:07:02 +00:00
track-changes-toggle-button.jsx Merge pull request #21515 from overleaf/rd-review-icon 2024-11-04 09:05:07 +00:00
upgrade-prompt.jsx Merge pull request #20708 from overleaf/ii-bs5-pdf-toolbar 2024-10-14 11:06:17 +00:00