add ripple top offset CSS var

Nerwyn · Jan 9, 2025 · 6c146f0 · 6c146f0
1 parent e3e7f70
commit 6c146f0
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -278,6 +278,7 @@ While you can now set most CSS fields directly using their sub-element selectors
 | --ha-ripple-pressed-opacity | Opacity of ripples when pressed, defaults to `0.12`.                                                                                                                                                                                                                        |
 | --ha-ripple-height          | Ripple height, defaults to `100%`.                                                                                                                                                                                                                                          |
 | --ha-ripple-width           | Ripple width, defaults to `100%`.                                                                                                                                                                                                                                           |
+| --ha-ripple-top             | Ripple top offset, defaults to `0`.                                                                                                                                                                                                                                         |
 | --ha-ripple-left            | Ripple left offset, defaults to `0`.                                                                                                                                                                                                                                        |
 
 ### Vertical Sliders

diff --git a/dist/universal-remote-card.min.js b/dist/universal-remote-card.min.js
diff --git a/src/classes/base-remote-element.ts b/src/classes/base-remote-element.ts
@@ -929,6 +929,7 @@ export class BaseRemoteElement extends LitElement {
 			md-ripple {
 				height: var(--ha-ripple-height, 100%);
 				width: var(--ha-ripple-width, 100%);
+				top: var(--ha-ripple-top, 0);
 				left: var(--ha-ripple-left, 0);
 			}