feat(ui-kit/style): add --sys-surface-reloading-opacity

Alwatr · Mar 22, 2023 · e12f560 · e12f560
1 parent 872101c
commit e12f560
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/ui/ui-kit/style/token/surface.css b/ui/ui-kit/style/token/surface.css
@@ -12,6 +12,7 @@
 
   --sys-surface-disabled-opacity: 0.38;
   --sys-surface-disabled-outlined-opacity: 0.12;
+  --sys-surface-reloading-opacity: 0.6;
 
   --sys-surface-elevation-opacity-1: 0.2;
   --sys-surface-elevation-opacity-2: 0.14;

diff --git a/uniquely/com-pwa/src/ui/page/order-list.ts b/uniquely/com-pwa/src/ui/page/order-list.ts
@@ -45,7 +45,7 @@ export class AlwatrPageOrderList extends ScheduleUpdateToFrameMixin(
     }
 
     :host([state='reloading']) {
-      opacity: var(--sys-surface-disabled-opacity);
+      opacity: var(--sys-surface-reloading-opacity);
     }
 
     alwatr-order-status-box {