Kaynağa Gözat

fix disabled button state

Gildas 2 yıl önce
ebeveyn
işleme
f4b3c74ddc
2 değiştirilmiş dosya ile 9 ekleme ve 2 silme
  1. 1 0
      src/ui/bg/ui-pendings.js
  2. 8 2
      src/ui/pages/pendings.css

+ 1 - 0
src/ui/bg/ui-pendings.js

@@ -131,4 +131,5 @@ async function refresh(force) {
 			resultsTable.appendChild(row);
 			resultsTable.appendChild(row);
 		}
 		}
 	}
 	}
+	cancelAllButton.disabled = !results.length;
 }
 }

+ 8 - 2
src/ui/pages/pendings.css

@@ -42,12 +42,18 @@ button {
     border-radius: 2px;
     border-radius: 2px;
     border-width: 1px;
     border-width: 1px;
     color: black;
     color: black;
+    cursor: pointer;
 }
 }
 
 
-button:not([disabled]):hover {
+button:not(:disabled):hover {
     background-color: #ededed;
     background-color: #ededed;
 }
 }
 
 
+button:disabled {
+    opacity: .25;
+    cursor: default;
+}
+
 body>header button {
 body>header button {
     margin-top: 5px;
     margin-top: 5px;
     margin-bottom: 5px;
     margin-bottom: 5px;
@@ -234,7 +240,7 @@ html.side-panel #addUrlsButton {
         background-color: #ccc;
         background-color: #ccc;
     }
     }
 
 
-    button:hover {
+    button:not(:disabled):hover {
         color: #2A2A2E;
         color: #2A2A2E;
     }
     }