fix(action-icon): make sure footer transform does not effect other CSS

openscd · Dec 9, 2021 · bc522d3 · bc522d3
1 parent f0d09b6
commit bc522d3
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/action-icon.ts b/src/action-icon.ts
@@ -167,8 +167,9 @@ export class ActionIcon extends LitElement {
     }
 
     :host(:focus-within) footer {
+      position: absolute;
       max-width: 100vw;
-      transform: translate(0px, -140px);
+      transform: translate(0px, -80px);
       background-color: var(--mdc-theme-secondary);
       font-weight: 500;
       color: var(--mdc-theme-on-secondary);