Bug 31453: use only SVG for the status images.
David Fifield
|
Before Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 8.7 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 7.8 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 7.1 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 3 KiB |
|
Before Width: | Height: | Size: 7 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 7.7 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
|
@ -12,16 +12,16 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
#statusimg {
|
#statusimg {
|
||||||
background-image: url("assets/status-off.png");
|
background-image: url("assets/status-off.svg");
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
min-height: 60px;
|
min-height: 60px;
|
||||||
}
|
}
|
||||||
#statusimg.on {
|
#statusimg.on {
|
||||||
background-image: url("assets/status-on.png");
|
background-image: url("assets/status-on.svg");
|
||||||
}
|
}
|
||||||
#statusimg.on.running {
|
#statusimg.on.running {
|
||||||
background-image: url("assets/status-running.png");
|
background-image: url("assets/status-running.svg");
|
||||||
}
|
}
|
||||||
|
|
||||||
.b {
|
.b {
|
||||||
|
|
@ -130,13 +130,13 @@ input:checked + .slider:before {
|
||||||
background-color: #38383d;
|
background-color: #38383d;
|
||||||
}
|
}
|
||||||
#statusimg {
|
#statusimg {
|
||||||
background-image: url("assets/status-off-dark.png");
|
background-image: url("assets/status-off-dark.svg");
|
||||||
}
|
}
|
||||||
#statusimg.on {
|
#statusimg.on {
|
||||||
background-image: url("assets/status-on-dark.png");
|
background-image: url("assets/status-on-dark.svg");
|
||||||
}
|
}
|
||||||
#statusimg.on.running {
|
#statusimg.on.running {
|
||||||
background-image: url("assets/status-running.png");
|
background-image: url("assets/status-running.svg");
|
||||||
}
|
}
|
||||||
input:checked + .slider {
|
input:checked + .slider {
|
||||||
background-color: #cc80ff;
|
background-color: #cc80ff;
|
||||||
|
|
|
||||||