Commit 045e12ab authored by Mikaël Salson's avatar Mikaël Salson Committed by Vidjil Team

vidjil.less: Ellipsis overflow

When mouse hovers an ellipsis, we display the whole text.
However for yet an unknown reason the content of the
hovered cell moves by a few pixels. If that's too annoying,
the feature may be reverted.
parent 389e8fdc
......@@ -1233,6 +1233,12 @@ span.warningReads {
overflow: hidden;
text-overflow: ellipsis;
}
.db_table td:hover {
z-index: 999;
position: relative;
background: inherit;
display: inline-block;
}
.db_table_split {
text-align: center;
background-color: #073642;
......@@ -1728,6 +1734,16 @@ textarea#edit_value {
overflow: hidden;
text-overflow: ellipsis;
}
/* Doesn't work well
* if opacity is not at 1
* (for instance with .inactive classes)
*/
.ellipsisOverflow {
z-index: 999;
position: relative;
background: inherit;
display: inline-block;
}
#highlightCheckboxes {
height: 100%;
float: left;
......
......@@ -1233,6 +1233,12 @@ span.warningReads {
overflow: hidden;
text-overflow: ellipsis;
}
.db_table td:hover {
z-index: 999;
position: relative;
background: inherit;
display: inline-block;
}
.db_table_split {
text-align: center;
background-color: #fdf6e3;
......@@ -1728,6 +1734,16 @@ textarea#edit_value {
overflow: hidden;
text-overflow: ellipsis;
}
/* Doesn't work well
* if opacity is not at 1
* (for instance with .inactive classes)
*/
.ellipsisOverflow {
z-index: 999;
position: relative;
background: inherit;
display: inline-block;
}
#highlightCheckboxes {
height: 100%;
float: left;
......
......@@ -1232,6 +1232,12 @@ span.warningReads {
overflow: hidden;
text-overflow: ellipsis;
}
.db_table td:hover {
z-index: 999;
position: relative;
background: inherit;
display: inline-block;
}
.db_table_split {
text-align: center;
background-color: #777777;
......@@ -1727,6 +1733,16 @@ textarea#edit_value {
overflow: hidden;
text-overflow: ellipsis;
}
/* Doesn't work well
* if opacity is not at 1
* (for instance with .inactive classes)
*/
.ellipsisOverflow {
z-index: 999;
position: relative;
background: inherit;
display: inline-block;
}
#highlightCheckboxes {
height: 100%;
float: left;
......
......@@ -1407,6 +1407,10 @@ span.warningReads {
.ellipsis;
}
.db_table td:hover {
.ellipsisOverflow;
}
.db_table_split{
text-align:center;
background-color: @highlight;
......@@ -1961,6 +1965,17 @@ textarea#edit_value {
text-overflow: ellipsis;
}
/* Doesn't work well
* if opacity is not at 1
* (for instance with .inactive classes)
*/
.ellipsisOverflow {
z-index: 999;
position: relative;
background: inherit;
display: inline-block;
}
#highlightCheckboxes {
height: 100%;
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