ui improvements

material-extensions · Jul 27, 2022 · 84e7597 · 84e7597
1 parent 56b7705
commit 84e7597
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/src/ui/options/options.css b/src/ui/options/options.css
@@ -94,6 +94,19 @@ body {
   margin-right:auto;
 }
 
+.domain:last-child {
+  border-bottom-left-radius: 10px;
+  border-bottom-right-radius: 10px;
+}
+
+.animated {
+  transition: all 0.8s ease;
+}
+
+.brightDomain {
+  color: red;
+}
+
 #row-default {
   background-color:#cad9f7;
 }

diff --git a/src/ui/options/options.js b/src/ui/options/options.js
@@ -46,6 +46,14 @@ const fillRow = (row, domain) => {
     [...row.getElementsByClassName('default-option')].forEach(opt => opt.remove())
   }
 
+  resetButton.addEventListener('click', () => {
+    row.classList.add('brightDomain')
+    setTimeout(() => row.classList.add('animated'), 0)
+    setTimeout(() => row.classList.remove('brightDomain'), 0)
+    setTimeout(() => row.classList.remove('animated'), 800)
+
+  });
+
   const wireConfig = (config, updateInput, updateConfig) => {
     const input = row.getElementsByClassName(config).item(0)