Commit 410cb1bf authored by Mike Greiling's avatar Mike Greiling

fix incorrect max-width media queries

parent 24e5a1e8
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
@media (min-width: $screen-sm-min) and (max-width: $screen-lg-min) { @media (min-width: $screen-sm-min) and (max-width: $screen-md-max) {
overflow-x: scroll; overflow-x: scroll;
} }
} }
......
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
} }
} }
@media (max-width: $screen-md-min) { @media (max-width: $screen-sm-max) {
ul.notes { ul.notes {
.flash-container.timeline-content { .flash-container.timeline-content {
margin-left: 0; margin-left: 0;
......
...@@ -98,7 +98,7 @@ label { ...@@ -98,7 +98,7 @@ label {
} }
} }
@media(max-width: $screen-sm-min) { @media(max-width: $screen-xs-max) {
padding: 0 $gl-padding; padding: 0 $gl-padding;
.control-label, .control-label,
......
...@@ -228,7 +228,7 @@ header { ...@@ -228,7 +228,7 @@ header {
} }
.page-sidebar-pinned.right-sidebar-expanded { .page-sidebar-pinned.right-sidebar-expanded {
@media (max-width: $screen-lg-min) { @media (max-width: $screen-md-max) {
.header-content .title { .header-content .title {
width: 300px; width: 300px;
} }
......
...@@ -123,7 +123,7 @@ ...@@ -123,7 +123,7 @@
line-height: 28px; line-height: 28px;
/* Small devices (phones, tablets, 768px and lower) */ /* Small devices (phones, tablets, 768px and lower) */
@media (max-width: $screen-sm-min) { @media (max-width: $screen-xs-max) {
width: 100%; width: 100%;
} }
} }
......
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
border-bottom: none; border-bottom: none;
position: relative; position: relative;
@media (max-width: $screen-sm-min) { @media (max-width: $screen-xs-max) {
padding: 6px 0 24px; padding: 6px 0 24px;
} }
} }
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
.column { .column {
text-align: center; text-align: center;
@media (max-width: $screen-sm-min) { @media (max-width: $screen-xs-max) {
padding: 15px 0; padding: 15px 0;
} }
...@@ -78,7 +78,7 @@ ...@@ -78,7 +78,7 @@
} }
&:last-child { &:last-child {
@media (max-width: $screen-sm-min) { @media (max-width: $screen-xs-max) {
text-align: center; text-align: center;
} }
} }
...@@ -156,7 +156,7 @@ ...@@ -156,7 +156,7 @@
} }
.inner-content { .inner-content {
@media (max-width: $screen-sm-min) { @media (max-width: $screen-xs-max) {
padding: 0 28px; padding: 0 28px;
text-align: center; text-align: center;
} }
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
font-size: 34px; font-size: 34px;
} }
@media (max-width: $screen-sm-min) { @media (max-width: $screen-xs-max) {
.environments-container { .environments-container {
width: 100%; width: 100%;
overflow: auto; overflow: auto;
......
...@@ -49,14 +49,14 @@ ...@@ -49,14 +49,14 @@
padding: 50px 100px; padding: 50px 100px;
overflow: hidden; overflow: hidden;
@media (max-width: $screen-md-min) { @media (max-width: $screen-sm-max) {
padding: 50px 0; padding: 50px 0;
} }
svg { svg {
float: right; float: right;
@media (max-width: $screen-md-min) { @media (max-width: $screen-sm-max) {
float: none; float: none;
display: block; display: block;
width: 250px; width: 250px;
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
width: 460px; width: 460px;
margin-top: 120px; margin-top: 120px;
@media (max-width: $screen-md-min) { @media (max-width: $screen-sm-max) {
float: none; float: none;
margin-top: 60px; margin-top: 60px;
width: auto; width: auto;
......
...@@ -123,7 +123,7 @@ ...@@ -123,7 +123,7 @@
padding: 20px 0; padding: 20px 0;
} }
@media (max-width: $screen-sm-min) { @media (max-width: $screen-xs-max) {
.milestone-actions { .milestone-actions {
@include clearfix(); @include clearfix();
padding-top: $gl-vert-padding; padding-top: $gl-vert-padding;
......
...@@ -111,7 +111,7 @@ ...@@ -111,7 +111,7 @@
text-align: center; text-align: center;
font-size: 13px; font-size: 13px;
@media (max-width: $screen-md-min) { @media (max-width: $screen-sm-max) {
// On smaller devices the warning becomes the fourth item in the list, // On smaller devices the warning becomes the fourth item in the list,
// rather than centering, and grows to span the full width of the // rather than centering, and grows to span the full width of the
// comment area. // comment area.
......
...@@ -253,7 +253,7 @@ ul.notes { ...@@ -253,7 +253,7 @@ ul.notes {
} }
.page-sidebar-pinned.right-sidebar-expanded { .page-sidebar-pinned.right-sidebar-expanded {
@media (max-width: $screen-lg-min) { @media (max-width: $screen-md-max) {
.note-header { .note-header {
.note-headline-light { .note-headline-light {
display: block; display: block;
......
...@@ -180,7 +180,7 @@ ...@@ -180,7 +180,7 @@
.modal-dialog { .modal-dialog {
width: 380px; width: 380px;
@media (max-width: $screen-sm-min) { @media (max-width: $screen-xs-max) {
width: auto; width: auto;
} }
......
...@@ -189,7 +189,7 @@ ...@@ -189,7 +189,7 @@
} }
.download-button { .download-button {
@media (max-width: $screen-lg-min) { @media (max-width: $screen-md-max) {
margin-left: 0; margin-left: 0;
} }
} }
......
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
@include make-md-column(6); @include make-md-column(6);
margin-top: 10px; margin-top: 10px;
@media (max-width: $screen-sm-min) { @media (max-width: $screen-xs-max) {
width: 100%; width: 100%;
} }
} }
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment