Merge pull request #23 from circuscode/develop

Notify Me Checkbox Style

Author: circuscode

assets/css/elsa.css

@@ -331,9 +331,44 @@ p:has(.more-link) {
 .comment-form .lstc-label {
   display:inline;
   position:relative;
-  top:2px;
+  top:-2px;
   left:2px;
+  margin-left:5px;
 }
+
+.cnns-comment-subscription {
+  margin-top:20px;
+  margin-bottom:20px;
+}
+
+.cnns-comment-subscription input[type="checkbox"] {
+  width:17px;
+  height:17px;
+  margin:0;
+  padding:0;
+  appearance: none;
+  -webkit-appearance: none;
+  display: inline-flex;
+  align-content: center;
+  justify-content: center;
+  font-size: 2rem;
+  border: 1px solid #949494;
+  border-radius: 0rem;
+}
+
+.cnns-comment-subscription input[type="checkbox"]::before {
+  width:15px;
+  height:15px;
+  margin-top:0px;
+  content: "";
+  transform: scale(0);
+  background-color: #DB7093;
+}
+
+.cnns-comment-subscription input[type="checkbox"]:checked::before {
+  transform: scale(1);
+}
+
 .comment-notes {
   margin:0;
 }

readme.md

@@ -169,6 +169,7 @@ This project is licensed under the GPL3 License.
 
 Release pending
 
+* Changed: Styling of Comment Notification Checkbox
 * Changed: Envira Lightbox / Position of Close & Next Icons
 
 ### 101