fix: select all mobile

Author: dedywahyudi

css/reskin-2/paymentHistory.css

@@ -1116,6 +1116,59 @@ body {
     }
   }
 
+.mobile-select-all-checkbox {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  background-color: var(--black-5);
+  border-radius: 4px;
+  box-sizing: border-box;
+}
+  .mobile-select-all-checkbox .checkbox {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+  }
+    .mobile-select-all-checkbox .checkbox input[type="checkbox"] {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      opacity: 0;
+      cursor: pointer;
+    }
+      .mobile-select-all-checkbox .checkbox input[type="checkbox"] ~ .checkbox-label {
+      }
+        .mobile-select-all-checkbox .checkbox input[type="checkbox"] ~ .checkbox-label::before {
+          content: '';
+          display: block;
+          width: 20px;
+          height: 20px;
+          background-color: #fff;
+          border: 1.52px solid #7f7f7f;
+          border-radius: 3px;
+          box-sizing: border-box;
+        }
+        .mobile-select-all-checkbox .checkbox input[type="checkbox"] ~ .checkbox-label::after {
+          content: url('/i/reskin-2/checkbox.svg');
+          display: none;
+          box-sizing: border-box;
+        }
+        .mobile-select-all-checkbox .checkbox input[type="checkbox"]:checked ~ .checkbox-label::before {
+          display: none;
+        }
+        .mobile-select-all-checkbox .checkbox input[type="checkbox"]:checked ~ .checkbox-label::after {
+          display: block;
+        }
+  @media (min-width: /* --md-min */ 960px) {
+    .mobile-select-all-checkbox {
+      display: none;
+    }
+  }
+
 .mobile-payments-sort-button {
   display: inline-flex;
   align-items: center;