ensure progress bars are same cross browser

unitaryfund · Jun 7, 2023 · c9f1497 · c9f1497
1 parent a20a5d0
commit c9f1497
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 12 deletions.
diff --git a/_includes/assets/css/projects.css b/_includes/assets/css/projects.css
@@ -53,7 +53,6 @@
   margin: 5px;
 }
 
-
 .tag-list {
   line-height: 2rem;
   display: flex;
@@ -85,26 +84,27 @@ label {
 }
 
 progress {
-  border: none;
-  border-radius: 0.5em;
+  border: 0.15em solid black;
+  border-radius: 1em;
   color: var(--color-secondary);
-  background-color: var(--color-bg);
   transform: rotate(180deg);
+  width: 100%;
 }
 
-progress::-webkit-progress-bar {
-  background: var(--color-border);
-  border: 2.5px solid black;
-  border-radius: 8px;
+progress::-moz-progress-bar {
+  background: var(--color-secondary);
 }
 
+progress::-webkit-progress-bar {
+  background: white;
+  border-radius: 1em;
+}
 
 progress::-webkit-progress-value {
-  background: rgb(117, 117, 117);
-  border-radius: 5px 0px 0px 5px;
+  background: var(--color-secondary);
+  border-radius: 1em 0px 0px 1em;
 }
 
-
 .page-container {
   max-width: 1200px;
   margin: 0 10%;

diff --git a/_includes/components/projectlist.njk b/_includes/components/projectlist.njk
@@ -30,7 +30,8 @@
 
           {% set num_completed = project_meta.num_bounties - project_meta.num_open_bounties %}
           <label for="bounty-progress">
-            Bounties open: {{ project_meta.num_open_bounties }}/{{project_meta.num_bounties}} </label> 
+            Bounties open: {{ project_meta.num_open_bounties }}/{{ project_meta.num_bounties }}
+          </label> 
           <progress id="bounty-progress" max={{ project_meta.num_bounties }} value={{ num_completed }}></progress>
         </div>
       {% endif %}