Remove the persistent green outline in the admin panel and make it smaller in general (#1497)

* Closes #1495

CTFd/themes/admin/assets/css/challenge-board.scss

@@ -61,6 +61,6 @@
 #challenge-window .form-control:focus {
   background-color: transparent;
   border-color: #a3d39c;
-  box-shadow: 0 0 0 0.2rem #a3d39c;
+  box-shadow: 0 0 0 0.1rem #a3d39c;
   transition: background-color 0.3s, border-color 0.3s;
 }

CTFd/themes/admin/assets/js/styles.js

@@ -45,32 +45,7 @@ export default () => {
     $(this).data("initial", $(this).val());
   });
 
-  $(".form-control").bind({
-    focus: function() {
-      $(this).addClass("input-filled-valid");
-    },
-    blur: function() {
-      if ($(this).val() === "") {
-        $(this).removeClass("input-filled-valid");
-      }
-    }
-  });
-
-  $(".modal").on("show.bs.modal", function(_e) {
-    $(".form-control").each(function() {
-      if ($(this).val()) {
-        $(this).addClass("input-filled-valid");
-      }
-    });
-  });
-
   $(function() {
-    $(".form-control").each(function() {
-      if ($(this).val()) {
-        $(this).addClass("input-filled-valid");
-      }
-    });
-
     $("tr[data-href], td[data-href]").click(function() {
       var sel = getSelection().toString();
       if (!sel) {

CTFd/themes/admin/static/css/challenge-board.dev.css

@@ -1,2 +1,2 @@
-.chal-desc{padding-left:30px;padding-right:30px;font-size:14px}.chal-desc img{max-width:100%;height:auto}.modal-content{border-radius:0px;max-width:1000px;padding:1em;margin:0 auto}.btn-info{background-color:#5b7290 !important}.badge-info{background-color:#5b7290 !important}.challenge-button{box-shadow:3px 3px 3px grey}.solved-challenge{background-color:#37d63e !important;opacity:0.4;border:none}.corner-button-check{margin-top:-10px;margin-right:25px;position:absolute;right:0}.key-submit .btn{height:51px}#challenge-window .form-control{position:relative;display:block;padding:0.8em;border-radius:0;background:#f0f0f0;color:#aaa;font-weight:400;font-family:"Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-appearance:none;height:auto !important}#challenge-window .form-control:focus{background-color:transparent;border-color:#a3d39c;box-shadow:0 0 0 0.2rem #a3d39c;transition:background-color 0.3s, border-color 0.3s}
+.chal-desc{padding-left:30px;padding-right:30px;font-size:14px}.chal-desc img{max-width:100%;height:auto}.modal-content{border-radius:0px;max-width:1000px;padding:1em;margin:0 auto}.btn-info{background-color:#5b7290 !important}.badge-info{background-color:#5b7290 !important}.challenge-button{box-shadow:3px 3px 3px grey}.solved-challenge{background-color:#37d63e !important;opacity:0.4;border:none}.corner-button-check{margin-top:-10px;margin-right:25px;position:absolute;right:0}.key-submit .btn{height:51px}#challenge-window .form-control{position:relative;display:block;padding:0.8em;border-radius:0;background:#f0f0f0;color:#aaa;font-weight:400;font-family:"Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-appearance:none;height:auto !important}#challenge-window .form-control:focus{background-color:transparent;border-color:#a3d39c;box-shadow:0 0 0 0.1rem #a3d39c;transition:background-color 0.3s, border-color 0.3s}
 

CTFd/themes/admin/static/css/challenge-board.min.css

@@ -1 +1 @@
-.chal-desc{padding-left:30px;padding-right:30px;font-size:14px}.chal-desc img{max-width:100%;height:auto}.modal-content{border-radius:0;max-width:1000px;padding:1em;margin:0 auto}.badge-info,.btn-info{background-color:#5b7290!important}.challenge-button{box-shadow:3px 3px 3px grey}.solved-challenge{background-color:#37d63e!important;opacity:.4;border:none}.corner-button-check{margin-top:-10px;margin-right:25px;position:absolute;right:0}.key-submit .btn{height:51px}#challenge-window .form-control{position:relative;display:block;padding:.8em;border-radius:0;background:#f0f0f0;color:#aaa;font-weight:400;font-family:Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-appearance:none;height:auto!important}#challenge-window .form-control:focus{background-color:transparent;border-color:#a3d39c;box-shadow:0 0 0 .2rem #a3d39c;transition:background-color .3s,border-color .3s}
+.chal-desc{padding-left:30px;padding-right:30px;font-size:14px}.chal-desc img{max-width:100%;height:auto}.modal-content{border-radius:0;max-width:1000px;padding:1em;margin:0 auto}.badge-info,.btn-info{background-color:#5b7290!important}.challenge-button{box-shadow:3px 3px 3px grey}.solved-challenge{background-color:#37d63e!important;opacity:.4;border:none}.corner-button-check{margin-top:-10px;margin-right:25px;position:absolute;right:0}.key-submit .btn{height:51px}#challenge-window .form-control{position:relative;display:block;padding:.8em;border-radius:0;background:#f0f0f0;color:#aaa;font-weight:400;font-family:Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-appearance:none;height:auto!important}#challenge-window .form-control:focus{background-color:transparent;border-color:#a3d39c;box-shadow:0 0 0 .1rem #a3d39c;transition:background-color .3s,border-color .3s}

CTFd/themes/core/assets/css/main.scss

@@ -54,21 +54,21 @@ table > thead > tr > td {
 .form-control:focus {
   background-color: transparent;
   border-color: #a3d39c;
-  box-shadow: 0 0 0 0.2rem #a3d39c;
+  box-shadow: 0 0 0 0.1rem #a3d39c;
   transition: background-color 0.3s, border-color 0.3s;
 }
 
 .input-filled-valid {
   background-color: transparent !important;
   border-color: #a3d39c;
-  box-shadow: 0 0 0 0.2rem #a3d39c;
+  box-shadow: 0 0 0 0.1rem #a3d39c;
   transition: background-color 0.3s, border-color 0.3s;
 }
 
 .input-filled-invalid {
   background-color: transparent !important;
   border-color: #d46767;
-  box-shadow: 0 0 0 0.2rem #d46767;
+  box-shadow: 0 0 0 0.1rem #d46767;
   transition: background-color 0.3s, border-color 0.3s;
 }