Commit 23a70ff8 authored by Romain Courteaud's avatar Romain Courteaud

[erp5_web_renderjs_ui] Start using less mixin to reduce duplication

parent 61f49cbf
...@@ -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.10134.56146.36130</string> </value> <value> <string>952.12715.63499.47547</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>1467039078.03</float> <float>1467193792.99</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
...@@ -78,9 +78,17 @@ ...@@ -78,9 +78,17 @@
///////////////////////////////////////////////
// Extend
///////////////////////////////////////////////
.hide_text(@width: 3em) {
// https://css-tricks.com/forums/topic/hide-text-but-not-the-before-pseudo-class/
width: @width;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
}
...@@ -531,11 +539,7 @@ div[data-gadget-scope='panel'] { ...@@ -531,11 +539,7 @@ div[data-gadget-scope='panel'] {
button, a { button, a {
// https://css-tricks.com/forums/topic/hide-text-but-not-the-before-pseudo-class/ .hide_text();
width: 3em;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
background-color: #252525; background-color: #252525;
&::before { &::before {
...@@ -670,11 +674,7 @@ div[data-gadget-scope='editor_panel'] { ...@@ -670,11 +674,7 @@ div[data-gadget-scope='editor_panel'] {
button, a { button, a {
// https://css-tricks.com/forums/topic/hide-text-but-not-the-before-pseudo-class/ .hide_text();
width: 3em;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
background-color: #252525; background-color: #252525;
&::before { &::before {
...@@ -739,10 +739,7 @@ div[data-gadget-scope='header'] .ui-header { ...@@ -739,10 +739,7 @@ div[data-gadget-scope='header'] .ui-header {
// Default size // Default size
width: 8em; width: 8em;
@media @smartphone { @media @smartphone {
width: 3em; .hide_text();
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
} }
&::before { &::before {
...@@ -1104,10 +1101,7 @@ div[data-gadget-scope='erp5_searchfield'] { ...@@ -1104,10 +1101,7 @@ div[data-gadget-scope='erp5_searchfield'] {
} }
@media @smartphone { @media @smartphone {
width: 2em; .hide_text(@width: 2em);
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
} }
&::before { &::before {
...@@ -1287,10 +1281,7 @@ div[data-gadget-scope='erp5_searchfield'] { ...@@ -1287,10 +1281,7 @@ div[data-gadget-scope='erp5_searchfield'] {
} }
@media @smartphone { @media @smartphone {
width: 2em; .hide_text(@width: 2em);
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
} }
&::before { &::before {
......
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