mirror of
https://github.com/yu-i-i/overleaf-cep.git
synced 2026-05-25 10:10:08 +02:00
3b5ea89a1c
* Update test for the loading spinner component * Create a story for the loading spinner component * Move role and use CSS for spacing instead * Add a classname prop * Reuse LoadingSpinner * Use OLSpinner instead of Spinner * Use data-testid since status role was moved * Wait for journals to load * Use `isLoading` prop instead and fix the button's height * Use `isLoading` prop instead * Use LoadingSpinner instead and remove spacing * Update test for the loading spinner component * Use `isLoading` prop instead * Add aria-describedby to layout button for processing state * Replace `spinner` to `ol-spinner` * Scope status * Remove redundant `div.loading` --------- Co-authored-by: Antoine Clausse <antoine.clausse@overleaf.com> GitOrigin-RevId: 8f43b991f8f458b2abd5a4661913ac9b972d892a
25 lines
574 B
SCSS
25 lines
574 B
SCSS
.loading {
|
|
display: inline-flex;
|
|
|
|
.spinner-border-sm,
|
|
.spinner-border {
|
|
// Ensure the thickness of the spinner is independent of the font size of its container
|
|
font-size: var(--font-size-03);
|
|
margin-right: var(--spacing-02);
|
|
}
|
|
|
|
// Adjust the small spinner to be 25% larger than Bootstrap's default in each dimension
|
|
.spinner-border-sm {
|
|
--bs-spinner-width: 1.25rem;
|
|
--bs-spinner-height: 1.25rem;
|
|
}
|
|
}
|
|
|
|
.full-size-loading-spinner-container {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|