More beautiful progress bar, added Webstorm config files

DroneBridge · Aug 18, 2024 · d0750ff · d0750ff
1 parent 87690ca
commit d0750ff
Show file tree

Hide file tree

Showing 16 changed files with 115 additions and 972 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,6 +1,5 @@
 
 /frontend/node_modules
-/.idea
 /node_modules
 /wiki
 *.lock
diff --git a/.idea/.gitignore b/.idea/.gitignore
diff --git a/.idea/ESP32.iml b/.idea/ESP32.iml
diff --git a/.idea/modules.xml b/.idea/modules.xml
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
diff --git a/.idea/watcherTasks.xml b/.idea/watcherTasks.xml
diff --git a/css/dronebridge.css b/css/dronebridge.css
diff --git a/css/dronebridge.css.map b/css/dronebridge.css.map
diff --git a/css/skeleton.css b/css/skeleton.css
diff --git a/install.html b/install.html
@@ -67,7 +67,7 @@ <h5 class="h5">Online Serial Flashing Tool<br>DroneBridge for ESP32</h5>
             Flash Firmware to ESP32!
         </button>
     </div>
-    <div class="container center-all" id="progress_div" style="display: none">
+    <div class="container center-text" id="progress_div" style="display: none">
         <div id="flash_curr_file"></div>
         <progress id="progress_bar1" value="34" max="100"></progress>
     </div>

diff --git a/scss/base/_typography.scss b/scss/base/_typography.scss
@@ -11,7 +11,7 @@ h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;  }
 h2 { font-size: 3.0rem; line-height: 1.25; letter-spacing: -.1rem;  }
 h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem;  }
 h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
-h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
+h5 { font-size: 1.5rem; line-height: 1.5;  letter-spacing: -.05rem; }
 h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0;       }
 
 // Larger than phablet

diff --git a/scss/dronebridge.css b/scss/dronebridge.css
diff --git a/scss/dronebridge.css.map b/scss/dronebridge.css.map
diff --git a/scss/dronebridge.scss b/scss/dronebridge.scss
@@ -192,3 +192,29 @@ li {
   border-radius: 0.6em
 }
 
+progress[value] {
+  --color: $primary-color; /* the progress color */
+  --background: #f3f3f3; /* the background color */
+
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  border: none;
+  width: 200px;
+  margin: 0 10px;
+  border-radius: 0.2em;
+  background: var(--background);
+}
+progress[value]::-webkit-progress-bar {
+  border-radius: 0.2em;
+  background: #f3f3f3;
+}
+progress[value]::-webkit-progress-value {
+  border-radius: 0.2em;
+  background: $primary-color;
+}
+progress[value]::-moz-progress-bar {
+  border-radius: 0.2em;
+  background: $primary-color;
+}
+