Mod replaces png with svg

This commit is contained in:
Jan Stabenow 2022-07-18 11:53:29 +02:00
parent d4f8f25d65
commit bb9bfb0ee7
No known key found for this signature in database
GPG Key ID: 9C22DD65A9AAF133
4 changed files with 7 additions and 5 deletions

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" baseProfile="basic" height="24" viewBox="0 0 24 24" width="24"><g fill="#fff"><path d="M768 481.938h-36c-2.2 0-4 1.8-4 4V492h3.984v-6.016H768v27.975h-14.041v3.979H768c2.2 0 4-1.8 4-4v-28c0-2.201-1.8-4-4-4z"/><path d="M728.104 495.938c-.035 0-.069.002-.104.002v4.502c.035 0 .069-.005.104-.005 9.67 0 17.499 7.83 17.499 17.5h4.5c.001-12.157-9.841-21.999-21.999-21.999z"/><path d="M728.104 503.938c-.035 0-.069.005-.104.005v4.5c.035 0 .069-.005.104-.005 5.248 0 9.5 4.252 9.5 9.5h4.5c0-7.736-6.264-14-14-14zm-.104 14h6c0-3.256-2.64-5.896-5.896-5.896-.035 0-.069.005-.104.005v5.891zm8-27.626v2.885c7.934 2.563 14.196 8.832 16.75 16.77.043.096.09.188.132.283H764v-19.938h-28z"/></g></svg>

After

Width:  |  Height:  |  Size: 745 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" baseProfile="basic" height="24" viewBox="0 0 24 24" width="24"><g fill="#fff"><path d="M768 481.938h-36c-2.2 0-4 1.8-4 4V492h3.984v-6.016H768v27.975h-14.041v3.979H768c2.2 0 4-1.8 4-4v-28c0-2.201-1.8-4-4-4z"/><path d="M728.104 495.938c-.035 0-.069.002-.104.002v4.502c.035 0 .069-.005.104-.005 9.67 0 17.499 7.83 17.499 17.5h4.5c.001-12.157-9.841-21.999-21.999-21.999z"/><path d="M728.104 503.938c-.035 0-.069.005-.104.005v4.5c.035 0 .069-.005.104-.005 5.248 0 9.5 4.252 9.5 9.5h4.5c0-7.736-6.264-14-14-14zm-.104 14h6c0-3.256-2.64-5.896-5.896-5.896-.035 0-.069.005-.104.005v5.891z"/></g></svg>

After

Width:  |  Height:  |  Size: 653 B

View File

@ -10,13 +10,13 @@
cursor: pointer;
}
.vjs-chromecast-button:hover .vjs-icon-placeholder {
background-image: url('ic_cast_white_24dp.png');
background: url('ic_cast_white.svg');
}
.vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder {
background-image: url('ic_cast_connected_white_24dp.png');
background: url('ic_cast_connected_white.svg');
}
.vjs-chromecast-button.vjs-chromecast-casting-state:hover .vjs-icon-placeholder {
background-image: url('ic_cast_connected_white_24dp.png');
background: url('ic_cast_connected_white.svg');
}
.vjs-tech-chromecast {
display: flex;
@ -62,4 +62,4 @@
}
.vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty {
display: none;
}
}

View File

@ -1 +1 @@
.vjs-chromecast-button .vjs-icon-placeholder{background:url(ic_cast_white_24dp.png) center center no-repeat;background-size:contain;display:inline-block;width:20px;height:20px}.vjs-chromecast-button:hover{cursor:pointer}.vjs-chromecast-button:hover .vjs-icon-placeholder{background-image:url(ic_cast_white_24dp.png)}.vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder{background-image:url(ic_cast_connected_white_24dp.png)}.vjs-chromecast-button.vjs-chromecast-casting-state:hover .vjs-icon-placeholder{background-image:url(ic_cast_connected_white_24dp.png)}.vjs-tech-chromecast{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.vjs-tech-chromecast .vjs-tech-chromecast-poster::after{content:' ';display:block;height:2px;width:100px;background-color:#ccc;position:absolute;left:calc(50% - 50px)}.vjs-tech-chromecast .vjs-tech-chromecast-poster-img{max-height:180px;width:auto;border:2px solid #ccc}.vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty{width:160px;height:90px}.vjs-tech-chromecast .vjs-tech-chromecast-title-container{position:absolute;bottom:50%;margin-bottom:100px;color:#ccc;text-align:center}.vjs-tech-chromecast .vjs-tech-chromecast-title{font-size:22px}.vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty{display:none}.vjs-tech-chromecast .vjs-tech-chromecast-subtitle{font-size:18px;padding-top:.5em}.vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty{display:none}
.vjs-chromecast-button .vjs-icon-placeholder{background:url(ic_cast_white_24dp.png) center center no-repeat;background-size:contain;display:inline-block;width:20px;height:20px}.vjs-chromecast-button:hover{cursor:pointer}.vjs-chromecast-button:hover .vjs-icon-placeholder{background:url(ic_cast_white.svg)}.vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder{background:url(ic_cast_connected_white.svg)}.vjs-chromecast-button.vjs-chromecast-casting-state:hover .vjs-icon-placeholder{background:url(ic_cast_connected_white.svg)}.vjs-tech-chromecast{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.vjs-tech-chromecast .vjs-tech-chromecast-poster::after{content:' ';display:block;height:2px;width:100px;background-color:#ccc;position:absolute;left:calc(50% - 50px)}.vjs-tech-chromecast .vjs-tech-chromecast-poster-img{max-height:180px;width:auto;border:2px solid #ccc}.vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty{width:160px;height:90px}.vjs-tech-chromecast .vjs-tech-chromecast-title-container{position:absolute;bottom:50%;margin-bottom:100px;color:#ccc;text-align:center}.vjs-tech-chromecast .vjs-tech-chromecast-title{font-size:22px}.vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty{display:none}.vjs-tech-chromecast .vjs-tech-chromecast-subtitle{font-size:18px;padding-top:.5em}.vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty{display:none}