Commit 6658bc68 authored by Mart Lubbers's avatar Mart Lubbers

apply the css suggestions for progressbar

parent 7eb20adc
Pipeline #29378 passed with stage
in 4 minutes and 34 seconds
......@@ -986,19 +986,28 @@ div.itasks-exception {
background-color: #c9c9c9;
position: relative;
}
.itasks-progress:before {
content: attr(data-label);
content: attr(title);
font-size: 0.8em;
position: absolute;
text-align: center;
top: 5px;
height: 80%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.itasks-progress .value {
background-color: #7cc4ff;
display: inline-block;
height: 100%;
width: 100%;
}
.itasks-checkgroup {
......
......@@ -986,19 +986,28 @@ div.itasks-exception {
background-color: #c9c9c9;
position: relative;
}
.itasks-progress:before {
content: attr(data-label);
content: attr(title);
font-size: 0.8em;
position: absolute;
text-align: center;
top: 5px;
height: 80%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.itasks-progress .value {
background-color: #7cc4ff;
display: inline-block;
height: 100%;
width: 100%;
}
.itasks-checkgroup {
......
......@@ -9,16 +9,23 @@
position: relative;
}
.#{$prefix}progress:before {
content: attr(data-label);
content: attr(title);
font-size: 0.8em;
position: absolute;
text-align: center;
top: 5px;
height: 80%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.#{$prefix}progress .value {
background-color: #7cc4ff;
display: inline-block;
height: 100%;
width: 100%;
}
......@@ -46,7 +46,7 @@ itasks.ProgressBar = {
this.domEl.children[0].style=typeof value == 'number' ? ('width:'+value+'%;') : '';
},
setText:function(text) {
this.domEl.setAttribute('data-label', text);
this.domEl.setAttribute('title', text);
},
onAttributeChange:function(name,value) {
switch(name) {
......
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