Add button aminimation

samply · Jan 11, 2024 · 962ee15 · 962ee15
1 parent 578b9ce
commit 962ee15
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/packages/demo/src/ccp.css b/packages/demo/src/ccp.css
@@ -275,6 +275,12 @@ lens-search-button::part(lens-search-button) {
   background-color: var(--light-blue);
 }
 
+lens-search-button::part(lens-search-button):hover {background-color: #006adb}
+
+lens-search-button::part(lens-search-button):active {
+  background-color: #003d7e;
+  transform: translateX(1px);
+}
 
 /**
   Catalogue
@@ -374,6 +380,20 @@ lens-info-button::part(info-button-icon) {
   text-align: left;
 }
 
+lens-info-button::part(info-button-dialogue):hover {background-color: #b8bfb8}
+
+lens-info-button::part(info-button):hover {background-color: #b8bfb8}
+
+lens-info-button::part(info-button):active {
+  background-color: #585958;
+  transform: translateX(1px);
+}
+
+lens-info-button::part(info-button-dialogue):active {
+  background-color: #585958;
+  transform: translateX(1px);
+}
+
 .result-table-hint-text {
  display: flex;
  align-items: end;