replace external storage status images with CSS, also use form to distinguish, fix #3910
This commit is contained in:
parent
279a71acb3
commit
100eb2b611
|
@ -1,7 +1,21 @@
|
||||||
td.status>span { display:inline-block; height:16px; width:16px; }
|
td.status > span {
|
||||||
span.success { background-image: url('../img/success.png'); background-repeat:no-repeat; }
|
display: inline-block;
|
||||||
span.error { background-image: url('../img/error.png'); background-repeat:no-repeat; }
|
height: 16px;
|
||||||
span.waiting { background-image: url('../img/waiting.png'); background-repeat:no-repeat; }
|
width: 16px;
|
||||||
|
vertical-align: text-bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.success {
|
||||||
|
background: #37ce02;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
span.error {
|
||||||
|
background: #ce3702;
|
||||||
|
}
|
||||||
|
span.waiting {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
|
||||||
td.mountPoint, td.backend { width:10em; }
|
td.mountPoint, td.backend { width:10em; }
|
||||||
td.remove>img { visibility:hidden; padding-top:0.8em; }
|
td.remove>img { visibility:hidden; padding-top:0.8em; }
|
||||||
tr:hover>td.remove>img { visibility:visible; cursor:pointer; }
|
tr:hover>td.remove>img { visibility:visible; cursor:pointer; }
|
||||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 533 B |
Binary file not shown.
Before Width: | Height: | Size: 545 B |
Binary file not shown.
Before Width: | Height: | Size: 512 B |
Loading…
Reference in New Issue