remove style in html #1678 (#1743)

This commit is contained in:
Eugenio Romano
2017-03-22 10:50:24 +00:00
committed by Denys Vuika
parent 44808a31a3
commit f3c9ffab8d
17 changed files with 78 additions and 22 deletions

View File

@@ -41,6 +41,7 @@
text-align: center;
width: 100%;
}
:host .truncate {
margin-left: 0;
white-space: nowrap;
@@ -48,11 +49,11 @@
text-overflow: ellipsis;
}
:host .mdl-progress{
:host .mdl-progress {
width: 150px;
}
@media (max-device-width: 360px){
@media (max-device-width: 360px) {
.truncate {
max-width: 50px;
margin-left: 0px;
@@ -63,6 +64,7 @@
.truncate {
width: 60px;
}
.mdl-progress {
width: 60px;
}
@@ -91,3 +93,11 @@
display: table-cell;
}
}
.full-width {
width: 100%;
}
.no-width {
width: 0%;
}

View File

@@ -18,8 +18,8 @@
<td class="mdl-data-table__cell--non-numeric">
<div class="mdl-progress mdl-js-progress is-upgraded" id="{{file.id}}">
<div class="progressbar bar bar1" attr.data-automation-id="dialog_progress_{{file.name}}" [style.width.%]="file.progress.percent"></div>
<div class="bufferbar bar bar2" style="width: 100%;"></div>
<div class="auxbar bar bar3" style="width: 0%;"></div>
<div class="bufferbar bar bar2" class="full-width"></div>
<div class="auxbar bar bar3" class="no-width"></div>
</div>
</td>
<td class="mdl-data-table__cell--non-numeric mdl-cell--hide-phone size-column" attr.data-automation-id="{{file.name}}_filesize">{{file.size}}</td>