Revert "css prefixes for flexbox to support android 4.3.3"
This reverts commit e7d2fe9afe.
This commit is contained in:
Jenny Danzmayr
parent
f1b69cba3a
commit
0040e3a07b
1 changed files with 1 additions and 93 deletions
|
|
@ -29,15 +29,9 @@ $color-sidebar-border: #dddddd;
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
display: -ms-flexbox;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
-ms-flex-direction: column;
|
|
||||||
-webkit-flex-direction: column;
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
-ms-align-items: stretch;
|
|
||||||
-webkit-align-items: stretch;
|
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
@ -48,18 +42,10 @@ body {
|
||||||
header {
|
header {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
height: 60px;
|
height: 60px;
|
||||||
display: -ms-flexbox;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
-ms-align-items: center;
|
|
||||||
-webkit-align-items: center;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
-ms-justify-content: space-between;
|
|
||||||
-webkit-justify-content: space-between;
|
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
background-color: $color-header-background;
|
background-color: $color-header-background;
|
||||||
-ms-flex-shrink: 0;
|
|
||||||
-webkit-flex-shrink: 0;
|
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
header h1 {
|
header h1 {
|
||||||
|
|
@ -122,8 +108,6 @@ hr {
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
-ms-flex-grow: 1;
|
|
||||||
-webkit-flex-grow: 1;
|
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
border: 0 solid #CCCCCC;
|
border: 0 solid #CCCCCC;
|
||||||
|
|
@ -134,8 +118,6 @@ main {
|
||||||
}
|
}
|
||||||
body > *:not(header):not(main) {
|
body > *:not(header):not(main) {
|
||||||
/* against stupid browser extensions */
|
/* against stupid browser extensions */
|
||||||
-ms-flex-basis: 0;
|
|
||||||
-webkit-flex-basis: 0;
|
|
||||||
flex-basis: 0;
|
flex-basis: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
@ -182,11 +164,7 @@ main.account form {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
max-width: 420px;
|
max-width: 420px;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
display: -ms-flexbox;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
-ms-flex-direction: column;
|
|
||||||
-webkit-flex-direction: column;
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
@ -222,8 +200,6 @@ main.account form {
|
||||||
min-width: 54px;
|
min-width: 54px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
transition: width 150ms;
|
transition: width 150ms;
|
||||||
-ms-flex-shrink: 0;
|
|
||||||
-webkit-flex-shrink: 0;
|
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
#sidebar #search.loading {
|
#sidebar #search.loading {
|
||||||
|
|
@ -273,17 +249,9 @@ main:not([data-view=route-result]) #route-result-buttons {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
#resultswrapper {
|
#resultswrapper {
|
||||||
-ms-flex-grow: 1;
|
|
||||||
-webkit-flex-grow: 1;
|
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
-ms-flex-shrink: 1;
|
|
||||||
-webkit-flex-shrink: 1;
|
|
||||||
flex-shrink: 1;
|
flex-shrink: 1;
|
||||||
display: -ms-flexbox;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
-ms-flex-direction: column;
|
|
||||||
-webkit-flex-direction: column;
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
#resultswrapper section {
|
#resultswrapper section {
|
||||||
|
|
@ -304,20 +272,12 @@ h4 {
|
||||||
}
|
}
|
||||||
|
|
||||||
section.details {
|
section.details {
|
||||||
display: -ms-flexbox;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
-ms-flex-direction: column;
|
|
||||||
-webkit-flex-direction: column;
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
section.details > * {
|
section.details > * {
|
||||||
-ms-flex-shrink: 0;
|
|
||||||
-webkit-flex-shrink: 0;
|
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
-ms-flex-grow: 0;
|
|
||||||
-webkit-flex-grow: 0;
|
|
||||||
flex-grow: 0;
|
flex-grow: 0;
|
||||||
}
|
}
|
||||||
section.details > .details-head {
|
section.details > .details-head {
|
||||||
|
|
@ -332,11 +292,7 @@ section.details > .details-head > .button {
|
||||||
border: 0;
|
border: 0;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
overscroll-behavior: contain;
|
overscroll-behavior: contain;
|
||||||
-ms-flex-grow: 1;
|
|
||||||
-webkit-flex-grow: 1;
|
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
-ms-flex-shrink: 1;
|
|
||||||
-webkit-flex-shrink: 1;
|
|
||||||
flex-shrink: 1;
|
flex-shrink: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -390,17 +346,9 @@ section.details {
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
}
|
}
|
||||||
#location-details dl {
|
#location-details dl {
|
||||||
display: -ms-flexbox;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
-ms-flex-wrap: wrap;
|
|
||||||
-webkit-flex-wrap: wrap;
|
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
-ms-justify-content: space-between;
|
|
||||||
-webkit-justify-content: space-between;
|
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
-ms-align-items: flex-start;
|
|
||||||
-webkit-align-items: flex-start;
|
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size:90%;
|
font-size:90%;
|
||||||
|
|
@ -456,19 +404,13 @@ main.show-options #resultswrapper #route-options {
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
.route-options-buttons {
|
.route-options-buttons {
|
||||||
display: -ms-flexbox;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
-ms-flex-wrap: wrap;
|
|
||||||
-webkit-flex-wrap: wrap;
|
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
padding: 0 0 15px 10px;
|
padding: 0 0 15px 10px;
|
||||||
}
|
}
|
||||||
.route-options-buttons button {
|
.route-options-buttons button {
|
||||||
padding: 0 1rem;
|
padding: 0 1rem;
|
||||||
margin: 0 10px 0 0;
|
margin: 0 10px 0 0;
|
||||||
-ms-flex-grow: 1;
|
|
||||||
-webkit-flex-grow: 1;
|
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
#route-options .details-head button {
|
#route-options .details-head button {
|
||||||
|
|
@ -654,19 +596,13 @@ main:not([data-view=route-result]) #route-dots {
|
||||||
}
|
}
|
||||||
|
|
||||||
.buttons {
|
.buttons {
|
||||||
display: -ms-flexbox;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
-ms-flex-direction: row;
|
|
||||||
-webkit-flex-direction: row;
|
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
margin-left: -1px;
|
margin-left: -1px;
|
||||||
height: 3.3rem;
|
height: 3.3rem;
|
||||||
}
|
}
|
||||||
.buttons > button.button-clear {
|
.buttons > button.button-clear {
|
||||||
width: 1px;
|
width: 1px;
|
||||||
-ms-flex-grow: 1;
|
|
||||||
-webkit-flex-grow: 1;
|
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
border: 0 $color-sidebar-border solid;
|
border: 0 $color-sidebar-border solid;
|
||||||
|
|
@ -816,14 +752,8 @@ body:not(.mobileclient) .leaflet-control-user-location a {
|
||||||
}
|
}
|
||||||
.c3nav-grid-row, .c3nav-grid-column {
|
.c3nav-grid-row, .c3nav-grid-column {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: -ms-flexbox;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
-ms-justify-content: space-between;
|
|
||||||
-webkit-justify-content: space-between;
|
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
-ms-align-items: center;
|
|
||||||
-webkit-align-items: center;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: rgba(0, 0, 0, 0.25);
|
border-color: rgba(0, 0, 0, 0.25);
|
||||||
|
|
@ -845,8 +775,6 @@ body:not(.mobileclient) .leaflet-control-user-location a {
|
||||||
.c3nav-grid-column {
|
.c3nav-grid-column {
|
||||||
top: 0;
|
top: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
-ms-flex-direction: column;
|
|
||||||
-webkit-flex-direction: column;
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
border-width: 0 0 0 1px;
|
border-width: 0 0 0 1px;
|
||||||
}
|
}
|
||||||
|
|
@ -863,14 +791,8 @@ body:not(.mobileclient) .leaflet-control-user-location a {
|
||||||
right: 0;
|
right: 0;
|
||||||
background-color: rgba(0, 0, 0, 0.3);
|
background-color: rgba(0, 0, 0, 0.3);
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
display: -ms-flexbox;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
-ms-align-items: center;
|
|
||||||
-webkit-align-items: center;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
-ms-justify-content: center;
|
|
||||||
-webkit-justify-content: center;
|
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 300ms;
|
transition: opacity 300ms;
|
||||||
|
|
@ -1016,15 +938,11 @@ ul.messages li.alert-danger {
|
||||||
}
|
}
|
||||||
|
|
||||||
.columns {
|
.columns {
|
||||||
display: -ms-flexbox;
|
display:flex;
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.columns > div {
|
.columns > div {
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
-ms-flex-grow: 1;
|
|
||||||
-webkit-flex-grow: 1;
|
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
.columns > div > h4:first-child {
|
.columns > div > h4:first-child {
|
||||||
|
|
@ -1079,16 +997,10 @@ main .narrow form button {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
.fields {
|
.fields {
|
||||||
display: -ms-flexbox;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
-ms-align-items: center;
|
|
||||||
-webkit-align-items: center;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.fields .field {
|
.fields .field {
|
||||||
-ms-flex-grow: 1;
|
|
||||||
-webkit-flex-grow: 1;
|
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
.fields .field > * {
|
.fields .field > * {
|
||||||
|
|
@ -1103,11 +1015,7 @@ main .narrow form button {
|
||||||
}
|
}
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 500px) {
|
||||||
.fields {
|
.fields {
|
||||||
-ms-flex-direction: column;
|
|
||||||
-webkit-flex-direction: column;
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
-ms-align-items: stretch;
|
|
||||||
-webkit-align-items: stretch;
|
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
}
|
}
|
||||||
.fields .field:not(:first-child) {
|
.fields .field:not(:first-child) {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue