Commit a620ef82 authored by Romain Courteaud's avatar Romain Courteaud

[erp5_web_renderjs_ui] Make media queries exclusive

min-width and max-width overlap if the same value is used:
https://www.w3.org/TR/css3-mediaqueries/#media1
parent 5db0d4ff
...@@ -251,7 +251,7 @@ a:focus { ...@@ -251,7 +251,7 @@ a:focus {
outline-offset: -2px; outline-offset: -2px;
outline: 2px solid #3388cc; outline: 2px solid #3388cc;
} }
@media only screen and (min-width: 90em) { @media not screen and (max-width: 90em) {
a[accesskey]:after { a[accesskey]:after {
content: " [" attr(accesskey) "] "; content: " [" attr(accesskey) "] ";
} }
...@@ -338,7 +338,7 @@ textarea { ...@@ -338,7 +338,7 @@ textarea {
vertical-align: top; vertical-align: top;
transition: height 0.2s ease-out; transition: height 0.2s ease-out;
} }
@media only screen and (max-width: 45em) { @media not screen and (min-width: 45em) {
textarea { textarea {
height: 4em; height: 4em;
} }
...@@ -346,7 +346,7 @@ textarea { ...@@ -346,7 +346,7 @@ textarea {
height: 20em; height: 20em;
} }
} }
@media only screen and (min-width: 45em) and (max-width: 90em), only screen and (min-width: 90em) { @media only screen and (min-width: 45em) and (max-width: 90em), not screen and (max-width: 90em) {
textarea { textarea {
min-height: 10em; min-height: 10em;
} }
...@@ -437,12 +437,12 @@ div[data-gadget-scope='panel'] { ...@@ -437,12 +437,12 @@ div[data-gadget-scope='panel'] {
display: block; display: block;
z-index: 2000; z-index: 2000;
} }
@media only screen and (max-width: 45em), only screen and (min-width: 45em) and (max-width: 90em) { @media not screen and (min-width: 45em), only screen and (min-width: 45em) and (max-width: 90em) {
div[data-gadget-scope='panel'] { div[data-gadget-scope='panel'] {
box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15); box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15);
} }
} }
@media only screen and (max-width: 45em), only screen and (min-width: 45em) and (max-width: 90em) { @media not screen and (min-width: 45em), only screen and (min-width: 45em) and (max-width: 90em) {
div[data-gadget-scope='panel'] { div[data-gadget-scope='panel'] {
left: -186pt; left: -186pt;
transition: transform 200ms ease-out; transition: transform 200ms ease-out;
...@@ -478,7 +478,7 @@ div[data-gadget-scope='panel'] div[data-role="header"] a::before { ...@@ -478,7 +478,7 @@ div[data-gadget-scope='panel'] div[data-role="header"] a::before {
text-indent: 0; text-indent: 0;
margin-left: 12pt; margin-left: 12pt;
} }
@media only screen and (min-width: 90em) { @media not screen and (max-width: 90em) {
div[data-gadget-scope='panel'] div[data-role="header"] button[data-i18n="Close"], div[data-gadget-scope='panel'] div[data-role="header"] button[data-i18n="Close"],
div[data-gadget-scope='panel'] div[data-role="header"] a[data-i18n="Close"] { div[data-gadget-scope='panel'] div[data-role="header"] a[data-i18n="Close"] {
display: none; display: none;
...@@ -568,7 +568,7 @@ div[data-gadget-scope='editor_panel'] { ...@@ -568,7 +568,7 @@ div[data-gadget-scope='editor_panel'] {
display: block; display: block;
z-index: 3000; z-index: 3000;
} }
@media only screen and (min-width: 90em) { @media not screen and (max-width: 90em) {
div[data-gadget-scope='editor_panel'] { div[data-gadget-scope='editor_panel'] {
left: -186pt; left: -186pt;
transition: transform 200ms ease-out; transition: transform 200ms ease-out;
...@@ -579,7 +579,7 @@ div[data-gadget-scope='editor_panel'] { ...@@ -579,7 +579,7 @@ div[data-gadget-scope='editor_panel'] {
transform: translate3d(186pt, 0, 0); transform: translate3d(186pt, 0, 0);
} }
} }
@media only screen and (max-width: 45em), only screen and (min-width: 45em) and (max-width: 90em) { @media not screen and (min-width: 45em), only screen and (min-width: 45em) and (max-width: 90em) {
div[data-gadget-scope='editor_panel'] { div[data-gadget-scope='editor_panel'] {
right: -186pt; right: -186pt;
transition: transform 200ms ease-out; transition: transform 200ms ease-out;
...@@ -671,7 +671,7 @@ div[data-gadget-scope='header'] .ui-header { ...@@ -671,7 +671,7 @@ div[data-gadget-scope='header'] .ui-header {
color: #FFFFFF; color: #FFFFFF;
background-color: #0E81C2; background-color: #0E81C2;
} }
@media only screen and (min-width: 90em) { @media not screen and (max-width: 90em) {
div[data-gadget-scope='header'] .ui-header { div[data-gadget-scope='header'] .ui-header {
margin-left: 180pt; margin-left: 180pt;
} }
...@@ -693,13 +693,13 @@ div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a { ...@@ -693,13 +693,13 @@ div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a {
transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out;
line-height: 30pt; line-height: 30pt;
} }
@media only screen and (min-width: 90em) { @media not screen and (max-width: 90em) {
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls button, div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls button,
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a { div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a {
background-color: #0E81C2; background-color: #0E81C2;
} }
} }
@media only screen and (max-width: 45em), only screen and (min-width: 45em) and (max-width: 90em) { @media not screen and (min-width: 45em), only screen and (min-width: 45em) and (max-width: 90em) {
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls button, div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls button,
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a { div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a {
background-color: #085078; background-color: #085078;
...@@ -717,7 +717,7 @@ div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a:active { ...@@ -717,7 +717,7 @@ div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a:active {
width: 8em; width: 8em;
} }
} }
@media only screen and (max-width: 45em) { @media not screen and (min-width: 45em) {
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls button, div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls button,
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a { div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a {
width: 3em; width: 3em;
...@@ -726,7 +726,7 @@ div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a:active { ...@@ -726,7 +726,7 @@ div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a:active {
white-space: nowrap; white-space: nowrap;
} }
} }
@media only screen and (min-width: 45em) and (max-width: 90em), only screen and (min-width: 90em) { @media only screen and (min-width: 45em) and (max-width: 90em), not screen and (max-width: 90em) {
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls button::before, div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls button::before,
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a::before { div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a::before {
width: 1em; width: 1em;
...@@ -734,7 +734,7 @@ div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a:active { ...@@ -734,7 +734,7 @@ div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a:active {
text-align: center; text-align: center;
} }
} }
@media only screen and (max-width: 45em) { @media not screen and (min-width: 45em) {
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls button::before, div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls button::before,
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a::before { div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a::before {
float: left; float: left;
...@@ -742,7 +742,7 @@ div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a:active { ...@@ -742,7 +742,7 @@ div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a:active {
margin-left: 12pt; margin-left: 12pt;
} }
} }
@media only screen and (min-width: 90em) { @media not screen and (max-width: 90em) {
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls button[name="panel"], div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls button[name="panel"],
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a[name="panel"] { div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a[name="panel"] {
display: none; display: none;
...@@ -752,13 +752,13 @@ div[data-gadget-scope='header'] .ui-header > .ui-btn-left button, ...@@ -752,13 +752,13 @@ div[data-gadget-scope='header'] .ui-header > .ui-btn-left button,
div[data-gadget-scope='header'] .ui-header > .ui-btn-left a { div[data-gadget-scope='header'] .ui-header > .ui-btn-left a {
border-right: 1px solid rgba(255, 255, 255, 0.55); border-right: 1px solid rgba(255, 255, 255, 0.55);
} }
@media only screen and (max-width: 45em), only screen and (min-width: 45em) and (max-width: 90em) { @media not screen and (min-width: 45em), only screen and (min-width: 45em) and (max-width: 90em) {
div[data-gadget-scope='header'] .ui-header > .ui-btn-right button, div[data-gadget-scope='header'] .ui-header > .ui-btn-right button,
div[data-gadget-scope='header'] .ui-header > .ui-btn-right a { div[data-gadget-scope='header'] .ui-header > .ui-btn-right a {
border-left: 1px solid rgba(255, 255, 255, 0.55); border-left: 1px solid rgba(255, 255, 255, 0.55);
} }
} }
@media only screen and (min-width: 90em) { @media not screen and (max-width: 90em) {
div[data-gadget-scope='header'] .ui-header > .ui-btn-right button, div[data-gadget-scope='header'] .ui-header > .ui-btn-right button,
div[data-gadget-scope='header'] .ui-header > .ui-btn-right a { div[data-gadget-scope='header'] .ui-header > .ui-btn-right a {
padding-left: 24pt; padding-left: 24pt;
...@@ -775,7 +775,7 @@ div[data-gadget-scope='header'] .ui-header h1 { ...@@ -775,7 +775,7 @@ div[data-gadget-scope='header'] .ui-header h1 {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
@media only screen and (min-width: 90em) { @media not screen and (max-width: 90em) {
div[data-gadget-scope='header'] .ui-header h1 { div[data-gadget-scope='header'] .ui-header h1 {
flex: 1 100%; flex: 1 100%;
} }
...@@ -783,12 +783,12 @@ div[data-gadget-scope='header'] .ui-header h1 { ...@@ -783,12 +783,12 @@ div[data-gadget-scope='header'] .ui-header h1 {
div[data-gadget-scope='header'] .ui-header h1 > span { div[data-gadget-scope='header'] .ui-header h1 > span {
padding-left: 42pt; padding-left: 42pt;
} }
@media only screen and (max-width: 45em) { @media not screen and (min-width: 45em) {
div[data-gadget-scope='header'] .ui-header h1 > span { div[data-gadget-scope='header'] .ui-header h1 > span {
padding-left: 30pt; padding-left: 30pt;
} }
} }
@media only screen and (min-width: 90em) { @media not screen and (max-width: 90em) {
div[data-gadget-scope='header'] .ui-header h1 > span { div[data-gadget-scope='header'] .ui-header h1 > span {
padding-left: 24pt; padding-left: 24pt;
} }
...@@ -803,28 +803,28 @@ div[data-gadget-scope='header'] .ui-header h1 a::before { ...@@ -803,28 +803,28 @@ div[data-gadget-scope='header'] .ui-header h1 a::before {
display: inline-block; display: inline-block;
width: 42pt; width: 42pt;
} }
@media only screen and (min-width: 45em) and (max-width: 90em), only screen and (max-width: 45em) { @media only screen and (min-width: 45em) and (max-width: 90em), not screen and (min-width: 45em) {
div[data-gadget-scope='header'] .ui-header h1 a::before { div[data-gadget-scope='header'] .ui-header h1 a::before {
text-align: center; text-align: center;
} }
} }
@media only screen and (min-width: 90em) { @media not screen and (max-width: 90em) {
div[data-gadget-scope='header'] .ui-header h1 a::before { div[data-gadget-scope='header'] .ui-header h1 a::before {
padding-left: 24pt; padding-left: 24pt;
} }
} }
@media only screen and (max-width: 45em) { @media not screen and (min-width: 45em) {
div[data-gadget-scope='header'] .ui-header h1 a::before { div[data-gadget-scope='header'] .ui-header h1 a::before {
width: 30pt; width: 30pt;
} }
} }
@media only screen and (min-width: 90em) { @media not screen and (max-width: 90em) {
div[data-gadget-scope='header'] .ui-header .ui-subheader { div[data-gadget-scope='header'] .ui-header .ui-subheader {
text-align: left; text-align: left;
flex: 1; flex: 1;
} }
} }
@media only screen and (max-width: 45em), only screen and (min-width: 45em) and (max-width: 90em) { @media not screen and (min-width: 45em), only screen and (min-width: 45em) and (max-width: 90em) {
div[data-gadget-scope='header'] .ui-header .ui-subheader { div[data-gadget-scope='header'] .ui-header .ui-subheader {
flex: 1 100%; flex: 1 100%;
} }
...@@ -832,7 +832,7 @@ div[data-gadget-scope='header'] .ui-header h1 a::before { ...@@ -832,7 +832,7 @@ div[data-gadget-scope='header'] .ui-header h1 a::before {
div[data-gadget-scope='header'] .ui-header ul { div[data-gadget-scope='header'] .ui-header ul {
display: flex; display: flex;
} }
@media only screen and (min-width: 45em) and (max-width: 90em), only screen and (max-width: 45em) { @media only screen and (min-width: 45em) and (max-width: 90em), not screen and (min-width: 45em) {
div[data-gadget-scope='header'] .ui-header ul li { div[data-gadget-scope='header'] .ui-header ul li {
flex: 1; flex: 1;
border-left: 1px solid rgba(0, 0, 0, 0.55); border-left: 1px solid rgba(0, 0, 0, 0.55);
...@@ -856,7 +856,7 @@ div[data-gadget-scope='header'] .ui-header ul { ...@@ -856,7 +856,7 @@ div[data-gadget-scope='header'] .ui-header ul {
display: block; display: block;
} }
} }
@media only screen and (max-width: 45em) { @media not screen and (min-width: 45em) {
div[data-gadget-scope='header'] .ui-header ul li a { div[data-gadget-scope='header'] .ui-header ul li a {
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
...@@ -873,7 +873,7 @@ div[data-gadget-scope='header'] .ui-header ul { ...@@ -873,7 +873,7 @@ div[data-gadget-scope='header'] .ui-header ul {
width: 100%; width: 100%;
} }
} }
@media only screen and (min-width: 90em) { @media not screen and (max-width: 90em) {
div[data-gadget-scope='header'] .ui-header ul li a { div[data-gadget-scope='header'] .ui-header ul li a {
display: block; display: block;
padding-left: 24pt; padding-left: 24pt;
...@@ -927,7 +927,7 @@ div[data-gadget-scope='header'] .ui-header ul { ...@@ -927,7 +927,7 @@ div[data-gadget-scope='header'] .ui-header ul {
.gadget-content input[type='submit']:active { .gadget-content input[type='submit']:active {
background-color: #ffa366; background-color: #ffa366;
} }
@media only screen and (min-width: 90em) { @media not screen and (max-width: 90em) {
.gadget-content { .gadget-content {
margin-left: 180pt; margin-left: 180pt;
} }
...@@ -937,7 +937,7 @@ div[data-gadget-scope='header'] .ui-header ul { ...@@ -937,7 +937,7 @@ div[data-gadget-scope='header'] .ui-header ul {
padding-top: 7em; padding-top: 7em;
} }
} }
@media only screen and (max-width: 45em) { @media not screen and (min-width: 45em) {
.gadget-content { .gadget-content {
padding: 6pt; padding: 6pt;
padding-top: 6em; padding-top: 6em;
...@@ -1004,7 +1004,7 @@ div[data-gadget-scope='header'] .ui-header ul { ...@@ -1004,7 +1004,7 @@ div[data-gadget-scope='header'] .ui-header ul {
position: absolute; position: absolute;
right: 6pt; right: 6pt;
} }
@media only screen and (min-width: 45em) and (max-width: 90em), only screen and (min-width: 90em) { @media only screen and (min-width: 45em) and (max-width: 90em), not screen and (max-width: 90em) {
.gadget-content .left, .gadget-content .left,
.gadget-content .right { .gadget-content .right {
vertical-align: top; vertical-align: top;
...@@ -1015,7 +1015,7 @@ div[data-gadget-scope='header'] .ui-header ul { ...@@ -1015,7 +1015,7 @@ div[data-gadget-scope='header'] .ui-header ul {
padding-left: 24pt; padding-left: 24pt;
} }
} }
@media only screen and (min-width: 45em) and (max-width: 90em), only screen and (min-width: 90em) { @media only screen and (min-width: 45em) and (max-width: 90em), not screen and (max-width: 90em) {
.gadget-content .ui-field-contain { .gadget-content .ui-field-contain {
display: flex; display: flex;
} }
...@@ -1026,7 +1026,7 @@ div[data-gadget-scope='header'] .ui-header ul { ...@@ -1026,7 +1026,7 @@ div[data-gadget-scope='header'] .ui-header ul {
flex: 3; flex: 3;
} }
} }
@media only screen and (min-width: 45em) and (max-width: 90em), only screen and (min-width: 90em) { @media only screen and (min-width: 45em) and (max-width: 90em), not screen and (max-width: 90em) {
.gadget-content .center .ui-field-contain label + div { .gadget-content .center .ui-field-contain label + div {
flex: 7; flex: 7;
} }
...@@ -1037,7 +1037,7 @@ div[data-gadget-scope='header'] .ui-header ul { ...@@ -1037,7 +1037,7 @@ div[data-gadget-scope='header'] .ui-header ul {
.gadget-content form label span span { .gadget-content form label span span {
animation: fadein 0.2s ease-out; animation: fadein 0.2s ease-out;
} }
@media only screen and (min-width: 90em), only screen and (min-width: 45em) and (max-width: 90em) { @media not screen and (max-width: 90em), only screen and (min-width: 45em) and (max-width: 90em) {
.gadget-content form label span span { .gadget-content form label span span {
background-color: #FF6600; background-color: #FF6600;
color: #f8fff3; color: #f8fff3;
...@@ -1061,7 +1061,7 @@ div[data-gadget-scope='header'] .ui-header ul { ...@@ -1061,7 +1061,7 @@ div[data-gadget-scope='header'] .ui-header ul {
content: ''; content: '';
} }
} }
@media only screen and (max-width: 45em) { @media not screen and (min-width: 45em) {
.gadget-content form label span span { .gadget-content form label span span {
margin-left: 6pt; margin-left: 6pt;
color: #FF6600; color: #FF6600;
...@@ -1154,7 +1154,7 @@ div[data-gadget-scope='erp5_searchfield'] button { ...@@ -1154,7 +1154,7 @@ div[data-gadget-scope='erp5_searchfield'] button {
display: flex; display: flex;
padding-bottom: 6pt; padding-bottom: 6pt;
} }
@media only screen and (max-width: 45em) { @media not screen and (min-width: 45em) {
.document_table .ui-table-header { .document_table .ui-table-header {
border-bottom: 2px solid rgba(0, 0, 0, 0.14902); border-bottom: 2px solid rgba(0, 0, 0, 0.14902);
} }
...@@ -1173,7 +1173,7 @@ div[data-gadget-scope='erp5_searchfield'] button { ...@@ -1173,7 +1173,7 @@ div[data-gadget-scope='erp5_searchfield'] button {
.document_table .ui-table-header button:last-of-type { .document_table .ui-table-header button:last-of-type {
margin-right: 0; margin-right: 0;
} }
@media only screen and (max-width: 45em) { @media not screen and (min-width: 45em) {
.document_table .ui-table-header button { .document_table .ui-table-header button {
width: 2em; width: 2em;
overflow: hidden; overflow: hidden;
...@@ -1184,7 +1184,7 @@ div[data-gadget-scope='erp5_searchfield'] button { ...@@ -1184,7 +1184,7 @@ div[data-gadget-scope='erp5_searchfield'] button {
.document_table .ui-table-header button::before { .document_table .ui-table-header button::before {
margin-right: 6pt; margin-right: 6pt;
} }
@media only screen and (max-width: 45em) { @media not screen and (min-width: 45em) {
.document_table .ui-table-header button::before { .document_table .ui-table-header button::before {
float: left; float: left;
text-indent: 0; text-indent: 0;
...@@ -1205,7 +1205,7 @@ div[data-gadget-scope='erp5_searchfield'] button { ...@@ -1205,7 +1205,7 @@ div[data-gadget-scope='erp5_searchfield'] button {
.document_table table thead tr th { .document_table table thead tr th {
padding: 6pt 3pt; padding: 6pt 3pt;
} }
@media only screen and (max-width: 45em) { @media not screen and (min-width: 45em) {
.document_table table thead { .document_table table thead {
display: none; display: none;
} }
...@@ -1223,13 +1223,13 @@ div[data-gadget-scope='erp5_searchfield'] button { ...@@ -1223,13 +1223,13 @@ div[data-gadget-scope='erp5_searchfield'] button {
.document_table table tbody tr:active { .document_table table tbody tr:active {
background-color: #e0e0e0; background-color: #e0e0e0;
} }
@media only screen and (min-width: 90em), only screen and (min-width: 45em) and (max-width: 90em) { @media not screen and (max-width: 90em), only screen and (min-width: 45em) and (max-width: 90em) {
.document_table table tbody a { .document_table table tbody a {
display: block; display: block;
padding: 3pt; padding: 3pt;
} }
} }
@media only screen and (max-width: 45em) { @media not screen and (min-width: 45em) {
.document_table table tbody tr { .document_table table tbody tr {
display: block; display: block;
overflow: hidden; overflow: hidden;
...@@ -1313,7 +1313,7 @@ div[data-gadget-scope='erp5_searchfield'] button { ...@@ -1313,7 +1313,7 @@ div[data-gadget-scope='erp5_searchfield'] button {
.document_table table tfoot .ui-controlgroup-controls a:active { .document_table table tfoot .ui-controlgroup-controls a:active {
background-color: #e0e0e0; background-color: #e0e0e0;
} }
@media only screen and (max-width: 45em) { @media not screen and (min-width: 45em) {
.document_table table tfoot .ui-controlgroup-controls a { .document_table table tfoot .ui-controlgroup-controls a {
overflow: hidden; overflow: hidden;
text-indent: -9999px; text-indent: -9999px;
...@@ -1323,7 +1323,7 @@ div[data-gadget-scope='erp5_searchfield'] button { ...@@ -1323,7 +1323,7 @@ div[data-gadget-scope='erp5_searchfield'] button {
.document_table table tfoot .ui-controlgroup-controls a::before { .document_table table tfoot .ui-controlgroup-controls a::before {
margin-right: 6pt; margin-right: 6pt;
} }
@media only screen and (max-width: 45em) { @media not screen and (min-width: 45em) {
.document_table table tfoot .ui-controlgroup-controls a::before { .document_table table tfoot .ui-controlgroup-controls a::before {
float: left; float: left;
text-indent: 6pt; text-indent: 6pt;
...@@ -1343,7 +1343,7 @@ div[data-gadget-scope='notification'] { ...@@ -1343,7 +1343,7 @@ div[data-gadget-scope='notification'] {
div[data-gadget-scope='notification'].visible { div[data-gadget-scope='notification'].visible {
transform: translate3d(-216pt, 0, 0); transform: translate3d(-216pt, 0, 0);
} }
@media only screen and (max-width: 45em) { @media not screen and (min-width: 45em) {
div[data-gadget-scope='notification'].visible { div[data-gadget-scope='notification'].visible {
transform: translate3d(-198pt, 0, 0); transform: translate3d(-198pt, 0, 0);
} }
......
...@@ -242,7 +242,7 @@ ...@@ -242,7 +242,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>957.46743.737.30583</string> </value> <value> <string>958.18776.46267.41045</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -260,7 +260,7 @@ ...@@ -260,7 +260,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1488377833.8</float> <float>1490632830.94</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
...@@ -47,9 +47,9 @@ ...@@ -47,9 +47,9 @@
@panelwidth: @margin-size * 30; @panelwidth: @margin-size * 30;
// @panelwidth: 15em; // @panelwidth: 15em;
@smartphone: ~"only screen and (max-width: 45em)"; @smartphone: ~"not screen and (min-width: 45em)";
@tablet: ~"only screen and (min-width: 45em) and (max-width: 90em)"; @tablet: ~"only screen and (min-width: 45em) and (max-width: 90em)";
@desktop: ~"only screen and (min-width: 90em)"; @desktop: ~"not screen and (max-width: 90em)";
/********************************************** /**********************************************
......
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