Commit 6b4eabcf authored by Vincent Bechu's avatar Vincent Bechu

[erp5_web_renderjs_ui] Factorize css code

parent c31a5a07
...@@ -257,6 +257,9 @@ a:focus { ...@@ -257,6 +257,9 @@ a:focus {
} }
} }
/********************************************** /**********************************************
* Button
**********************************************/
/**********************************************
* Preformatted * Preformatted
**********************************************/ **********************************************/
pre, pre,
...@@ -1411,13 +1414,16 @@ div[data-gadget-scope='erp5_searchfield'] div.search_parsed_value button { ...@@ -1411,13 +1414,16 @@ div[data-gadget-scope='erp5_searchfield'] div.search_parsed_value button {
border-radius: 0.325em; border-radius: 0.325em;
margin-right: 6pt; margin-right: 6pt;
} }
.document_table table tfoot .ui-controlgroup-controls a:last-of-type { .document_table table tfoot .ui-controlgroup-controls a::before {
margin-right: 0; margin-right: 6pt;
} }
.document_table table tfoot .ui-controlgroup-controls a:hover, .document_table table tfoot .ui-controlgroup-controls a:hover,
.document_table table tfoot .ui-controlgroup-controls a:active { .document_table table tfoot .ui-controlgroup-controls a:active {
background-color: #e0e0e0; background-color: #e0e0e0;
} }
.document_table table tfoot .ui-controlgroup-controls a:last-of-type {
margin-right: 0;
}
@media not screen and (min-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;
...@@ -1425,9 +1431,6 @@ div[data-gadget-scope='erp5_searchfield'] div.search_parsed_value button { ...@@ -1425,9 +1431,6 @@ div[data-gadget-scope='erp5_searchfield'] div.search_parsed_value button {
white-space: nowrap; white-space: nowrap;
} }
} }
.document_table table tfoot .ui-controlgroup-controls a::before {
margin-right: 6pt;
}
@media not screen and (min-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;
......
...@@ -228,7 +228,7 @@ ...@@ -228,7 +228,7 @@
</item> </item>
<item> <item>
<key> <string>actor</string> </key> <key> <string>actor</string> </key>
<value> <string>zope</string> </value> <value> <string>vincent</string> </value>
</item> </item>
<item> <item>
<key> <string>comment</string> </key> <key> <string>comment</string> </key>
...@@ -242,7 +242,7 @@ ...@@ -242,7 +242,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>964.39807.38275.63129</string> </value> <value> <string>964.44210.47735.47906</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>1515141640.51</float> <float>1515405865.26</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
...@@ -339,6 +339,21 @@ a { ...@@ -339,6 +339,21 @@ a {
} }
} }
/**********************************************
* Button
**********************************************/
.button() {
padding: @margin-size;
border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: @border-radius;
&::before{
margin-right: @margin-size;
}
&:hover, &:active {
background-color: @colorblocklinkbackground;
}
}
/********************************************** /**********************************************
* Preformatted * Preformatted
...@@ -1636,25 +1651,18 @@ div[data-gadget-scope='erp5_searchfield'] { ...@@ -1636,25 +1651,18 @@ div[data-gadget-scope='erp5_searchfield'] {
text-align: right; text-align: right;
} }
a { a {
padding: @margin-size; .button();
border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: @radius;
margin-right: @margin-size; margin-right: @margin-size;
&:last-of-type { &:last-of-type {
margin-right: 0; margin-right: 0;
} }
&:hover, &:active {
background-color: @colorblocklinkbackground;
}
@media @smartphone { @media @smartphone {
.hide_text(@width: initial); .hide_text(@width: initial);
} }
&::before { &::before {
margin-right: @margin-size;
@media @smartphone { @media @smartphone {
float: left; float: left;
......
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