From bb9bfb0ee78aac6afb0fef7e89062d51aa549560 Mon Sep 17 00:00:00 2001 From: Jan Stabenow Date: Mon, 18 Jul 2022 11:53:29 +0200 Subject: [PATCH] Mod replaces png with svg --- public/_player/videojs/dist/ic_cast_connected_white.svg | 1 + public/_player/videojs/dist/ic_cast_white.svg | 1 + public/_player/videojs/dist/videojs-chromecast.css | 8 ++++---- public/_player/videojs/dist/videojs-chromecast.min.css | 2 +- 4 files changed, 7 insertions(+), 5 deletions(-) create mode 100644 public/_player/videojs/dist/ic_cast_connected_white.svg create mode 100644 public/_player/videojs/dist/ic_cast_white.svg diff --git a/public/_player/videojs/dist/ic_cast_connected_white.svg b/public/_player/videojs/dist/ic_cast_connected_white.svg new file mode 100644 index 0000000..a6001d1 --- /dev/null +++ b/public/_player/videojs/dist/ic_cast_connected_white.svg @@ -0,0 +1 @@ + diff --git a/public/_player/videojs/dist/ic_cast_white.svg b/public/_player/videojs/dist/ic_cast_white.svg new file mode 100644 index 0000000..e5a57e0 --- /dev/null +++ b/public/_player/videojs/dist/ic_cast_white.svg @@ -0,0 +1 @@ + diff --git a/public/_player/videojs/dist/videojs-chromecast.css b/public/_player/videojs/dist/videojs-chromecast.css index 50338a8..25a47fb 100644 --- a/public/_player/videojs/dist/videojs-chromecast.css +++ b/public/_player/videojs/dist/videojs-chromecast.css @@ -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; -} \ No newline at end of file +} diff --git a/public/_player/videojs/dist/videojs-chromecast.min.css b/public/_player/videojs/dist/videojs-chromecast.min.css index 8ee1b06..fe96cc3 100644 --- a/public/_player/videojs/dist/videojs-chromecast.min.css +++ b/public/_player/videojs/dist/videojs-chromecast.min.css @@ -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} \ No newline at end of file +.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} \ No newline at end of file