Skip to content
Permalink
Browse files

[FIX] Responsive progress bar (#258)

Closes #225
  • Loading branch information...
priyank99 authored and canihavesomecoffee committed Mar 24, 2019
1 parent 302e59c commit 4ef76e94eadfaa82e2cf99bd29972a90d9b8932b
Showing with 17 additions and 11 deletions.
  1. +17 −11 static/css/app.css
@@ -118,20 +118,35 @@ input[type="checkbox"]:disabled + label span::before {
position: relative;
display: inline-block;
}

@media only screen and (min-width: 720px) {
ol.progtrckr li {
width: 25%;
}
}
@media only screen and (max-width: 400px) {
ol.progtrckr li {
font-size: smaller;
}
}
ol.progtrckr {
display: table;
list-style-type: none;
padding: 0;
table-layout: fixed;
width: 100%;
margin: 0 0 2em;
min-width: 20em;
}
ol.progtrckr li {
display: table-cell;
display: inline-block;
text-align: center;
line-height: 3em;
}
@-moz-document url-prefix() {
ol.progtrckr li {
margin: 0 -2px 0px -3px;
}
}

ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; }
@@ -203,15 +218,6 @@ ol.progtrckr li.progtrckr-running.error {
border-color: red;
}

@media only screen and (max-width: 400px) {
ol.progtrckr li {
display: table-cell;
}
ol.progtrckr li::before {
bottom: -3.8em;
}
}

.category-header {
cursor: pointer;
}

0 comments on commit 4ef76e9

Please sign in to comment.
You can’t perform that action at this time.