fix(actions): allow scroll within actions

piitaya · May 10, 2022 · 32f22fc · 32f22fc
1 parent eacb5dc
commit 32f22fc
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/cards/cover-card/cover-card-editor.ts b/src/cards/cover-card/cover-card-editor.ts
@@ -26,6 +26,7 @@ const computeSchema = memoizeOne((icon?: string): HaFormSchema[] => [
         type: "grid",
         name: "",
         schema: [
+            { name: "layout", selector: { "mush-layout": {} } },
             { name: "fill_container", selector: { boolean: {} } },
             { name: "hide_state", selector: { boolean: {} } },
         ],

diff --git a/src/utils/card-styles.ts b/src/utils/card-styles.ts
@@ -16,8 +16,14 @@ export const cardStyle = css`
         display: flex;
         flex-direction: row;
         align-items: flex-start;
-        justify-content: flex-end;
+        justify-content: flex-start;
         overflow-y: auto;
+        scrollbar-width: none; /* Firefox */
+        -ms-overflow-style: none; /* IE 10+ */
+    }
+    .actions::-webkit-scrollbar {
+        background: transparent; /* Chrome/Safari/Webkit */
+        height: 0px;
     }
     .actions *:not(:last-child) {
         margin-right: var(--spacing);