Commit 7450efb8 authored by Romain Courteaud's avatar Romain Courteaud

[erp5_web_renderjs_ui] Clean up a bit the CSS

parent 7e8f58e6
...@@ -274,7 +274,7 @@ textarea { ...@@ -274,7 +274,7 @@ textarea {
border: none; border: none;
background-color: #FFFFFF; background-color: #FFFFFF;
color: #1F1F1F; color: #1F1F1F;
border-radius: .325em; border-radius: 0.325em;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.3);
...@@ -304,7 +304,7 @@ select { ...@@ -304,7 +304,7 @@ select {
border: none; border: none;
background-color: #FFFFFF; background-color: #FFFFFF;
color: #1F1F1F; color: #1F1F1F;
border-radius: .325em; border-radius: 0.325em;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.3);
...@@ -312,15 +312,6 @@ select { ...@@ -312,15 +312,6 @@ select {
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
outline-offset: 0; outline-offset: 0;
/*
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
&:after {
content: "â–¶";
text-align: right;
float:right
}*/
} }
select:hover, select:hover,
select:active, select:active,
...@@ -337,13 +328,6 @@ textarea { ...@@ -337,13 +328,6 @@ textarea {
height: 15em; height: 15em;
width: 100%; width: 100%;
margin: 0; margin: 0;
/*
padding: 0.5em;
border: none;
background-color: @colortextboxbackground;
color: @colortextboxforeground;
border-radius: 0;
*/
font-family: "Courier New", Courier, monospace; font-family: "Courier New", Courier, monospace;
} }
::-webkit-input-placeholder { ::-webkit-input-placeholder {
...@@ -362,11 +346,6 @@ textarea { ...@@ -362,11 +346,6 @@ textarea {
} }
input[type=submit], input[type=submit],
button { button {
/*
margin: 0;
margin-bottom: 1em;
padding: 0.5em 2em;
*/
margin: 0; margin: 0;
padding: 0; padding: 0;
border: none; border: none;
...@@ -411,7 +390,7 @@ img { ...@@ -411,7 +390,7 @@ img {
div[data-gadget-scope='panel'] { div[data-gadget-scope='panel'] {
background-color: #444444; background-color: #444444;
border-color: #888888; border-color: #888888;
color: #fff; color: #FFFFFF;
width: 17em; width: 17em;
min-height: 100%; min-height: 100%;
max-height: none; max-height: none;
...@@ -439,20 +418,6 @@ div[data-gadget-scope='panel'] { ...@@ -439,20 +418,6 @@ div[data-gadget-scope='panel'] {
div[data-gadget-scope='panel'] div[data-role="header"] { div[data-gadget-scope='panel'] div[data-role="header"] {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
/*
> div {
&:first-of-type {
border-color: rgba(255,255,255, .3);
border-style: solid;
border-width: 0 1px 0 0;
}
&:last-of-type {
border-color: rgba(255,255,255, .3);
border-style: solid;
border-width: 0 0 0 1px;
}
}
*/
} }
div[data-gadget-scope='panel'] div[data-role="header"] .panel_img { div[data-gadget-scope='panel'] div[data-role="header"] .panel_img {
text-align: center; text-align: center;
...@@ -469,13 +434,6 @@ div[data-gadget-scope='panel'] div[data-role="header"] a { ...@@ -469,13 +434,6 @@ div[data-gadget-scope='panel'] div[data-role="header"] a {
display: block; display: block;
line-height: 2.6em; line-height: 2.6em;
color: #FFFFFF; color: #FFFFFF;
/*
&[name="panel"] {
@media @desktop {
display: none;
}
}
*/
} }
div[data-gadget-scope='panel'] div[data-role="header"] button::before, div[data-gadget-scope='panel'] div[data-role="header"] button::before,
div[data-gadget-scope='panel'] div[data-role="header"] a::before { div[data-gadget-scope='panel'] div[data-role="header"] a::before {
...@@ -497,12 +455,7 @@ div[data-gadget-scope='panel'] ul { ...@@ -497,12 +455,7 @@ div[data-gadget-scope='panel'] ul {
margin-top: 2.6em; margin-top: 2.6em;
} }
div[data-gadget-scope='panel'] ul li a { div[data-gadget-scope='panel'] ul li a {
color: #ffffff; color: #FFFFFF;
/*
border-color: rgba(255,255,255, .3);
border-width: 1px 0 0 0;
border-style: solid;
*/
padding: .4em; padding: .4em;
padding-left: 1em; padding-left: 1em;
display: block; display: block;
...@@ -520,7 +473,7 @@ div[data-gadget-scope='editor_panel'] { ...@@ -520,7 +473,7 @@ div[data-gadget-scope='editor_panel'] {
background-color: #444444; background-color: #444444;
border-color: #888888; border-color: #888888;
box-shadow: 5px 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 5px 0 0 5px rgba(0, 0, 0, 0.15);
color: #fff; color: #FFFFFF;
width: 17em; width: 17em;
min-height: 100%; min-height: 100%;
max-height: none; max-height: none;
...@@ -538,7 +491,7 @@ div[data-gadget-scope='editor_panel'].visible { ...@@ -538,7 +491,7 @@ div[data-gadget-scope='editor_panel'].visible {
} }
div[data-gadget-scope='editor_panel'] div[data-role="header"] { div[data-gadget-scope='editor_panel'] div[data-role="header"] {
background-color: #252525; background-color: #252525;
color: #fff; color: #FFFFFF;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
border-color: rgba(255, 255, 255, 0.3); border-color: rgba(255, 255, 255, 0.3);
...@@ -767,11 +720,6 @@ div[data-gadget-scope='header'] .ui-header ul { ...@@ -767,11 +720,6 @@ div[data-gadget-scope='header'] .ui-header ul {
.gadget-content { .gadget-content {
padding: 2em; padding: 2em;
padding-top: 9em; padding-top: 9em;
/*
.ui-has-subheader {
padding-top: 7em;
}
*/
/* middle screen */ /* middle screen */
/* form validation (assuming label>span is used) */ /* form validation (assuming label>span is used) */
} }
...@@ -842,13 +790,6 @@ div[data-gadget-scope='header'] .ui-header ul { ...@@ -842,13 +790,6 @@ div[data-gadget-scope='header'] .ui-header ul {
border-bottom-style: solid; border-bottom-style: solid;
} }
@media only screen and (min-width: 62em) { @media only screen and (min-width: 62em) {
.gadget-content {
/*
.left, .right, .center, .bottom {
padding: 0 2%;
}
*/
}
.gadget-content .left, .gadget-content .left,
.gadget-content .right { .gadget-content .right {
vertical-align: top; vertical-align: top;
...@@ -918,7 +859,7 @@ div[data-gadget-scope='erp5_searchfield'] button { ...@@ -918,7 +859,7 @@ div[data-gadget-scope='erp5_searchfield'] button {
.document_table .ui-table-header button { .document_table .ui-table-header button {
padding: 0.5em; padding: 0.5em;
border: 1px solid rgba(0, 0, 0, 0.14); border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 0.315em; border-radius: 0.325em;
margin-right: 0.5em; margin-right: 0.5em;
} }
.document_table .ui-table-header button:last-of-type { .document_table .ui-table-header button:last-of-type {
...@@ -951,11 +892,6 @@ div[data-gadget-scope='erp5_searchfield'] button { ...@@ -951,11 +892,6 @@ div[data-gadget-scope='erp5_searchfield'] button {
vertical-align: middle; vertical-align: middle;
} }
.document_table table thead { .document_table table thead {
/*
background-color: #eeeeee;
background-color: rgba(0, 0, 0, .04);
color: #777777;
*/
background-color: #0E81C2; background-color: #0E81C2;
color: #FFFFFF; color: #FFFFFF;
} }
...@@ -970,36 +906,6 @@ div[data-gadget-scope='erp5_searchfield'] button { ...@@ -970,36 +906,6 @@ div[data-gadget-scope='erp5_searchfield'] button {
.document_table table a { .document_table table a {
color: #1F1F1F; color: #1F1F1F;
} }
.document_table table tbody {
/*
@media @smartphone {
tr {
line-height: 3em;
}
th {
display: none;
&:first-of-type {
display: block;
a {
display: block;
text-align: left;
padding-left: 0.5em;
&:after {
// XXX copy/pasted
font-family: FontAwesome;
content: "\f0da";
text-align: right;
float:right;
padding-right: 0.5em;
padding-left: 0.5em;
}
}
}
}
}
*/
}
.document_table table tbody tr:nth-child(even) { .document_table table tbody tr:nth-child(even) {
background-color: #eeeeee; background-color: #eeeeee;
background-color: rgba(0, 0, 0, 0.04); background-color: rgba(0, 0, 0, 0.04);
...@@ -1008,16 +914,6 @@ div[data-gadget-scope='erp5_searchfield'] button { ...@@ -1008,16 +914,6 @@ div[data-gadget-scope='erp5_searchfield'] button {
background: #e4ebf1; background: #e4ebf1;
} }
@media only screen and (min-width: 62em), only screen and (min-width: 28em) and (max-width: 62em) { @media only screen and (min-width: 62em), only screen and (min-width: 28em) and (max-width: 62em) {
.document_table table tbody {
/*
// Column border
td, th {
&:not(:last-child) {
border-right: 1px solid #DDD;
}
}
*/
}
.document_table table tbody a { .document_table table tbody a {
display: block; display: block;
padding: 0.4em 0.25em; padding: 0.4em 0.25em;
...@@ -1097,7 +993,7 @@ div[data-gadget-scope='erp5_searchfield'] button { ...@@ -1097,7 +993,7 @@ div[data-gadget-scope='erp5_searchfield'] button {
.document_table table tfoot .ui-controlgroup-controls a { .document_table table tfoot .ui-controlgroup-controls a {
padding: 0.5em; padding: 0.5em;
border: 1px solid rgba(0, 0, 0, 0.14); border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 0.315em; border-radius: 0.325em;
margin-right: 0.5em; margin-right: 0.5em;
} }
.document_table table tfoot .ui-controlgroup-controls a:last-of-type { .document_table table tfoot .ui-controlgroup-controls a:last-of-type {
......
...@@ -230,7 +230,7 @@ ...@@ -230,7 +230,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>952.21277.40593.7202</string> </value> <value> <string>952.24208.10266.65160</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -248,7 +248,7 @@ ...@@ -248,7 +248,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1467621439.3</float> <float>1467798268.0</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
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