Improve CSS encapslation (Chrome).

2021-09-20 22:37:08 -07:00
parent 49cbff9b36
commit d02f760793
6 changed files with 6 additions and 15 deletions
@@ -0,0 +1,16 @@
+ha-icon-button.button {
+  z-index: 10;
+  color: var(--secondary-color, white);
+  opacity: 0.8;
+  background-color: rgba(0, 0, 0, 0.6);
+  border-radius: 50%;
+  padding: 0px;
+  margin: 3px;
+  --mdc-icon-button-size: 40px;
+  /* Buttons can always be clicked */
+  pointer-events: auto;
+}
+
+ha-icon-button.button.emphasize {
+  color: var(--primary-color, white);
+}