Merge pull request #2 from hartwork/bootswatch-4-united

Migrate from vanilla Bootstrap 4 to Bootswatch 4 "United"

Author: hartwork

index.htm

@@ -8,7 +8,7 @@
   <title>Shared Library Version Bump (verbump.de)</title>
   <meta charset="utf-8"/>
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://bootswatch.com/4/united/bootstrap.min.css" integrity="sha256-gbLii3KI7XRhzx2HLy44g+eh/weNeieCzRFvn3K56qc=" crossorigin="anonymous">
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
 
   <style>
@@ -30,7 +30,7 @@
     }
 
     /* Keep checkbox "There is a previous release" well visible at all times */
-    #prev-release.disabled .form-check label {
+    #prev-release.disabled .custom-control label {
       color: #212529 !important;
     }
 
@@ -44,6 +44,16 @@
       color: #212529;
       text-decoration: none;
     }
+
+    /* Get rid of green/red icons in checkboxes */
+    .was-validated .form-control:valid, .form-control.is-valid {
+      background-image: unset !important;
+      padding-right: .75rem !important;
+    }
+    .was-validated .form-control:valid, .form-control.is-invalid {
+      background-image: unset !important;
+      padding-right: .75rem !important;
+    }
   </style>
 
   <script>
@@ -348,9 +358,9 @@ <h1 class="display-3"><a href="" class="logo">Shared Library Version Bump</a></h
       <div id="prev-release">
         <h2 class="display-4 mt-0">Previous Release</h2>
         <div class="container">
-          <div class="form-check">
-          <input class="form-check-input" type="checkbox" id="prev-exists">
-          <label class="form-check-label" for="prev-exists">
+          <div class="custom-control custom-checkbox">
+          <input class="custom-control-input" type="checkbox" id="prev-exists">
+          <label class="custom-control-label" for="prev-exists">
             There is a previous release
           </label>
           </div>
@@ -380,28 +390,28 @@ <h2 class="mt-4">
             <small class="text-muted">in the Mean Time</small>
         </h2>
         <div class="container">
-          <div class="form-check">
-            <input class="form-check-input" type="checkbox" id="changes-any">
-            <label class="form-check-label" for="changes-any">
+          <div class="custom-control custom-checkbox">
+            <input class="custom-control-input" type="checkbox" id="changes-any">
+            <label class="custom-control-label" for="changes-any">
               Changed something in the source code
             </label>
           </div>
           <div style="padding-left: 1.4em">
-          <div class="form-check">
-            <input class="form-check-input" type="checkbox" id="changes-added">
-            <label class="form-check-label" for="changes-added">
+          <div class="custom-control custom-checkbox">
+            <input class="custom-control-input" type="checkbox" id="changes-added">
+            <label class="custom-control-label" for="changes-added">
               Added something new to the public interface
             </label>
           </div>
-          <div class="form-check">
-            <input class="form-check-input" type="checkbox" id="changes-removed">
-            <label class="form-check-label" for="changes-removed">
+          <div class="custom-control custom-checkbox">
+            <input class="custom-control-input" type="checkbox" id="changes-removed">
+            <label class="custom-control-label" for="changes-removed">
               Removed something from the public interface
             </label>
           </div>
-          <div class="form-check">
-            <input class="form-check-input" type="checkbox" id="changes-changed">
-            <label class="form-check-label" for="changes-changed">
+          <div class="custom-control custom-checkbox">
+            <input class="custom-control-input" type="checkbox" id="changes-changed">
+            <label class="custom-control-label" for="changes-changed">
               Changed any existing part of the public interface
             </label>
           </div>
@@ -437,7 +447,7 @@ <h2 class="display-4">Upcoming Release</h2>
     </div><!-- jumbotron -->
 
     <p>
-      A small handy tool developed by <a href="https://blog.hartwork.org/">Sebastian Pipping</a> in 2021 using Bootstrap 4 and jQuery.<br/>
+      A small handy tool developed by <a href="https://blog.hartwork.org/">Sebastian Pipping</a> in 2021 using <a href="https://bootswatch.com/4/united/">Bootswatch 4 United</a> and jQuery.<br/>
       If you like it, please support it by starring the <a href="https://github.com/hartwork/shared-library-version-bump">GitHub repository</a>. Thank you!
     </p>
     <p>