Skip to content

Commit 39a3552

Browse files
Copilotnielslyngsoe
andcommitted
Refactor: Replace inline styles with CSS class for loader
- Added .loader-container CSS class - Removed inline styles from loader div - Improves maintainability and follows best practices Co-authored-by: nielslyngsoe <[email protected]>
1 parent 16afcfc commit 39a3552

File tree

2 files changed

+161
-19
lines changed

2 files changed

+161
-19
lines changed

src/Umbraco.Web.UI.Client/src/packages/data-type/modals/data-type-picker-flow/data-type-picker-flow-modal.element.ts

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -269,8 +269,7 @@ export class UmbDataTypePickerFlowModalElement extends UmbModalBaseElement<
269269

270270
#renderGrid() {
271271
if (this._isLoading) {
272-
return html`<div
273-
style="display: flex; justify-content: center; align-items: center; padding: var(--uui-size-space-6);">
272+
return html`<div class="loader-container">
274273
<uui-loader></uui-loader>
275274
</div>`;
276275
}
@@ -486,6 +485,13 @@ export class UmbDataTypePickerFlowModalElement extends UmbModalBaseElement<
486485
.choice-type-headline {
487486
border-bottom: 1px solid var(--uui-color-divider);
488487
}
488+
489+
.loader-container {
490+
display: flex;
491+
justify-content: center;
492+
align-items: center;
493+
padding: var(--uui-size-space-6);
494+
}
489495
`,
490496
];
491497
}

0 commit comments

Comments
 (0)