Make linter happy

WebThingsIO · Aug 11, 2023 · 67de29b · 67de29b
1 parent 6b15daf
commit 67de29b
Show file tree

Hide file tree

Showing 3 changed files with 149 additions and 139 deletions.
diff --git a/static/css/add-group.css b/static/css/add-group.css
@@ -56,6 +56,11 @@
   background-color: #7f93a1;
 }
 
+#add-group-create-button:hover,
+#add-group-create-button:active {
+  background-color: #97aebf;
+}
+
 @media only screen and (max-width: 959px) {
   #add-group-form {
     flex-direction: column;

diff --git a/static/css/app.css b/static/css/app.css
@@ -189,90 +189,6 @@ h6 {
   left: 9.5rem;
 }
 
-#update-message-area {
-  position: fixed;
-  top: 2rem;
-  width: 33%;
-  left: calc(33% - 1rem);
-  background-color: rgba(76, 124, 160, 0.6);
-  border-radius: 0.5rem;
-  padding: 2rem;
-  text-align: center;
-  color: white;
-  font-size: 2rem;
-  transform: translateY(0);
-  transition: transform 0.25s ease;
-  z-index: 100;
-}
-
-#update-message-area-text {
-  padding-bottom: 2rem;
-}
-
-#update-message-area > button {
-  height: 4rem;
-  background-color: #48779a;
-  font-size: 1.5rem;
-  margin: auto 0.5rem;
-}
-
-#update-message-area > button:hover,
-#update-message-area > button:active {
-  background-color: #658196;
-}
-
-#update-message-area-reload {
-  margin-right: 1rem;
-}
-
-#update-message-area.hidden {
-  transform: translateY(-100%) translateY(-4rem);
-}
-
-#message-area {
-  position: fixed;
-  bottom: 3rem;
-  width: 33%;
-  left: calc(33% - 1rem);
-  background-color: rgba(76, 124, 160, 0.6);
-  border-radius: 0.5rem;
-  padding: 2rem;
-  text-align: center;
-  color: white;
-  font-size: 2rem;
-  transform: translateY(0);
-  transition: transform 0.25s ease;
-  z-index: 100;
-}
-
-#message-area.hidden {
-  transform: translateY(100%) translateY(4rem);
-}
-
-#message-area.disconnected {
-  background-color: #374956;
-  z-index: 10001;
-  color: #ccc;
-}
-
-@media only screen and (max-width: 730px) {
-  #update-message-area,
-  #message-area {
-    width: calc(100% - 10rem);
-    left: 3rem;
-  }
-}
-
-#message-area > a:link,
-#message-area > a:visited,
-#message-area > a:hover,
-#message-area > a:active {
-  color: white;
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-
 #menu-button,
 #back-button {
   top: 2rem;
@@ -298,61 +214,6 @@ h6 {
   background: no-repeat center/100% url('/images/overflow.svg');
 }
 
-/* Old Overflow Menu (to be deprecated) */
-#overflow-menu {
-  position: fixed;
-  bottom: 9rem;
-  right: 3rem;
-  background-color: #5288af;
-  color: white;
-  padding: 1rem 0;
-  border-radius: 0.5rem;
-  transform: scale(1);
-  transition: transform 0.25s ease;
-  transform-origin: bottom right;
-}
-
-#overflow-menu::after {
-  content: '';
-  position: absolute;
-  bottom: -1rem;
-  right: 1rem;
-  border-width: 1rem 1rem 0;
-  border-style: solid;
-  border-color: #5288af transparent;
-  display: block;
-  width: 0;
-}
-
-#overflow-menu.hidden {
-  transform: scale(0);
-}
-
-#overflow-menu > a:link,
-#overflow-menu > a:visited,
-#overflow-menu > a:hover,
-#overflow-menu > a:active {
-  color: #fff;
-  font-size: 2rem;
-  display: block;
-  padding: 0.4rem 1rem;
-  text-decoration: none;
-}
-
-#overflow-menu > a:hover {
-  background-color: #4d80a5;
-}
-
-#overflow-menu > a:active {
-  background-color: #48779a;
-}
-
-#overflow-menu > a > img {
-  height: 2rem;
-  padding-right: 1rem;
-  margin-bottom: -0.3rem;
-}
-
 /** New Overflow Menu **/
 .overflow-menu {
   display: block;
@@ -438,6 +299,61 @@ h6 {
   margin-left: 1rem;
 }
 
+/* Old Overflow Menu (to be deprecated) */
+#overflow-menu {
+  position: fixed;
+  bottom: 9rem;
+  right: 3rem;
+  background-color: #5288af;
+  color: white;
+  padding: 1rem 0;
+  border-radius: 0.5rem;
+  transform: scale(1);
+  transition: transform 0.25s ease;
+  transform-origin: bottom right;
+}
+
+#overflow-menu::after {
+  content: '';
+  position: absolute;
+  bottom: -1rem;
+  right: 1rem;
+  border-width: 1rem 1rem 0;
+  border-style: solid;
+  border-color: #5288af transparent;
+  display: block;
+  width: 0;
+}
+
+#overflow-menu.hidden {
+  transform: scale(0);
+}
+
+#overflow-menu > a:link,
+#overflow-menu > a:visited,
+#overflow-menu > a:hover,
+#overflow-menu > a:active {
+  color: #fff;
+  font-size: 2rem;
+  display: block;
+  padding: 0.4rem 1rem;
+  text-decoration: none;
+}
+
+#overflow-menu > a:hover {
+  background-color: #4d80a5;
+}
+
+#overflow-menu > a:active {
+  background-color: #48779a;
+}
+
+#overflow-menu > a > img {
+  height: 2rem;
+  padding-right: 1rem;
+  margin-bottom: -0.3rem;
+}
+
 /* Dialog */
 .dialog {
   position: fixed;
@@ -651,3 +567,87 @@ body.hidden {
   color: white;
   background-color: #5288af;
 }
+
+#update-message-area {
+  position: fixed;
+  top: 2rem;
+  width: 33%;
+  left: calc(33% - 1rem);
+  background-color: rgba(76, 124, 160, 0.6);
+  border-radius: 0.5rem;
+  padding: 2rem;
+  text-align: center;
+  color: white;
+  font-size: 2rem;
+  transform: translateY(0);
+  transition: transform 0.25s ease;
+  z-index: 100;
+}
+
+#update-message-area-text {
+  padding-bottom: 2rem;
+}
+
+#update-message-area > button {
+  height: 4rem;
+  background-color: #48779a;
+  font-size: 1.5rem;
+  margin: auto 0.5rem;
+}
+
+#update-message-area > button:hover,
+#update-message-area > button:active {
+  background-color: #658196;
+}
+
+#update-message-area-reload {
+  margin-right: 1rem;
+}
+
+#update-message-area.hidden {
+  transform: translateY(-100%) translateY(-4rem);
+}
+
+#message-area {
+  position: fixed;
+  bottom: 3rem;
+  width: 33%;
+  left: calc(33% - 1rem);
+  background-color: rgba(76, 124, 160, 0.6);
+  border-radius: 0.5rem;
+  padding: 2rem;
+  text-align: center;
+  color: white;
+  font-size: 2rem;
+  transform: translateY(0);
+  transition: transform 0.25s ease;
+  z-index: 100;
+}
+
+#message-area.hidden {
+  transform: translateY(100%) translateY(4rem);
+}
+
+#message-area.disconnected {
+  background-color: #374956;
+  z-index: 10001;
+  color: #ccc;
+}
+
+@media only screen and (max-width: 730px) {
+  #update-message-area,
+  #message-area {
+    width: calc(100% - 10rem);
+    left: 3rem;
+  }
+}
+
+#message-area > a:link,
+#message-area > a:visited,
+#message-area > a:hover,
+#message-area > a:active {
+  color: white;
+  display: block;
+  width: 100%;
+  height: 100%;
+}
diff --git a/static/css/group-context-menu.css b/static/css/group-context-menu.css
@@ -61,6 +61,11 @@
   background-color: #7f93a1;
 }
 
+#edit-group-save-button:hover,
+#edit-group-save-button:active {
+  background-color: #97aebf;
+}
+
 /* Remove Group Form */
 #remove-group-form {
   width: 100%;