From 42de7831bef98aec8cad4de34e587ec1695da5f1 Mon Sep 17 00:00:00 2001 From: Dragos <86549690+dragos-efy@users.noreply.github.com> Date: Fri, 9 Sep 2022 11:11:39 +0300 Subject: [PATCH 1/6] Update piped.css --- efy/piped.css | 19 ++----------------- 1 file changed, 2 insertions(+), 17 deletions(-) diff --git a/efy/piped.css b/efy/piped.css index b23ad859..a6d2d76a 100644 --- a/efy/piped.css +++ b/efy/piped.css @@ -1,4 +1,4 @@ -/*EFY Template - 2022.09.05 - Fonts*/ @font-face {font-family: 'nunito'; src: url('nunito.woff2') format('truetype')} @font-face {font-family: 'nunito'; src: url('nunito_bold.woff2') format('truetype'); font-weight: bold} +/*EFY Template - 2022.09.09 - Fonts*/ @font-face {font-family: 'nunito'; src: url('nunito.woff2') format('truetype')} @font-face {font-family: 'nunito'; src: url('nunito_bold.woff2') format('truetype'); font-weight: bold} /*End of EFY Template - Documentation on how to use it coming soon at https://efy.ooo/ui . Your own css starts bellow*/ @@ -27,13 +27,7 @@ /*Video Grid */ .video-grid {display: grid; gap: 16rem; grid-template-columns: repeat(auto-fit, minmax(224rem, 1fr))} -/*Player*/ .material-icons-round {font-family: "Material Icons Round"!important;} -.material-icons-round, .shaka-current-time {-webkit-text-fill-color: #fff!important; opacity: 1!important;} -.shaka-overflow-menu, .shaka-settings-menu {background: var(--efy_text2)!important; border-radius: var(--efy_radius)!important; padding: 16rem!important; height: fit-content!important; max-height: 256rem!important; box-shadow: inset 0 0 0 1.5px var(--efy_bg1)!important;} -.shaka-overflow-menu label, .shaka-settings-menu label, .shaka-overflow-menu button, .shaka-settings-menu button {-webkit-text-fill-color: var(--efy_text)!important; margin: 1.6rem 0!important; } -.shaka-overflow-menu .material-icons-round, .shaka-settings-menu .material-icons-round {-webkit-text-fill-color: var(--efy_text)!important;} - -tbody:nth-child(odd), .shaka-overflow-menu button:hover, .shaka-settings-menu button:hover {background: var(--efy_bg1)!important; box-shadow: inset 0 0 0 1.5px var(--efy_bg1)} +tbody:nth-child(odd) {background: var(--efy_bg1)!important; box-shadow: inset 0 0 0 1.5px var(--efy_bg1)} /*Bellow*/ .pp-watch-bellow-options {margin-top: 15rem} .pp-watch-buttons {flex-wrap: wrap; gap: 10rem} @@ -41,8 +35,6 @@ tbody:nth-child(odd), .shaka-overflow-menu button:hover, .shaka-settings-menu bu .pp-bellow-video, .pp-bellow-video .flex {gap:10rem} .pp-likes .flex {gap: 0rem} -/*Video Caption*/ .shaka-text-container span>span>span {padding: var(--efy_padding2)!important} - @@ -66,7 +58,6 @@ tbody:nth-child(odd), .shaka-overflow-menu button:hover, .shaka-settings-menu bu /*Cards*/ .video-grid > div > .flex > a > img {width: 32rem; height: 32rem} -/*Player*/ .player-container {max-height: 75vh; background: #000} [efy_theme=dark_black] .player-container {box-shadow: 0 0 0 1.5rem var(--efy_color_border)} .pp-video-title {font-size: 24rem; line-height: unset; margin-top: 10rem} /*Avatar below video*/ .pp-watch-bellow-options .flex.items-center > a {margin: 0 0 0 10rem; font-size: 20rem} @@ -132,12 +123,6 @@ table {margin-top: 0} .mr-2 {margin-right: 10rem} .children\:pb-3>* {padding-bottom: 15rem} -html .shaka-range-element, html .shaka-range-element:focus { - border: none!important; - box-shadow: none!important; - outline: none!important; -} - .pp-mobile-btn {display: none; padding: 10rem 12rem} .pp-mobile-nav {margin: 0 0 15rem 0} .pp-mobile-nav a {padding: var(--efy_padding); width: 100%} From 9fc362511f91863d01287cad1f7c2665e8d2430c Mon Sep 17 00:00:00 2001 From: Dragos <86549690+dragos-efy@users.noreply.github.com> Date: Fri, 9 Sep 2022 11:12:51 +0300 Subject: [PATCH 2/6] Update efy.js --- efy/efy.js | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/efy/efy.js b/efy/efy.js index ad3085dd..9880e9c4 100644 --- a/efy/efy.js +++ b/efy/efy.js @@ -1,4 +1,4 @@ -/*EFY UI 2022.09.04*/ let e$ = document.querySelector.bind(document), e$all = document.querySelectorAll.bind(document), e$create = document.createElement.bind(document), e$body, e$root; window.onload =()=>{ e$root = e$(":root"), e$body = e$("body"); +/*EFY UI 2022.09.08*/ let e$ = document.querySelector.bind(document), e$all = document.querySelectorAll.bind(document), e$create = document.createElement.bind(document), e$body, e$root; window.onload =()=>{ e$root = e$(":root"), e$body = e$("body"); /*Check LocalStorage*/ try {let x = 'LS'; localStorage.setItem(x, x); let y = localStorage.getItem(x); localStorage.removeItem(x); if (x !== y) {throw new Error();}} catch (exception) {e$('body').innerHTML = `
EFY - Your browser blocks LocalStorage

You can block 3rd party cookies, no worries, Privacy matters! But please allow 1st party cookies in your browser's settings. EFYdoesn't use cookies or track you, but the settings related to LocalStorage are grouped as "cookies", although different. Have fun! 🥳

`} @@ -102,7 +102,6 @@

You might have to click / tap on the ssl / lock icon on your browser & allow sounds, to hear them automatically.

-
@@ -346,4 +345,4 @@ e$body.addEventListener("pointerup", ()=>{ if (event.target.matches('[efy_alert] /*Online / Offline*/ window.addEventListener('offline', () => { console.log('offline'); e$('[efy_alerts]').insertAdjacentHTML('afterbegin',`
You're OFFLINE

Maybe check your internet connection?

`) }); window.addEventListener('online', () => { console.log('online'); e$('[efy_alerts]').insertAdjacentHTML('afterbegin',`
You're back ONLINE
`) }); -/*End*/}; \ No newline at end of file +/*End*/}; From c9380d70793c83f8d287e3e5b2bcda78a87ced32 Mon Sep 17 00:00:00 2001 From: Dragos <86549690+dragos-efy@users.noreply.github.com> Date: Fri, 9 Sep 2022 11:13:41 +0300 Subject: [PATCH 3/6] Update efy.css --- efy/efy.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/efy/efy.css b/efy/efy.css index d14fc024..09df43c3 100644 --- a/efy/efy.css +++ b/efy/efy.css @@ -1,4 +1,4 @@ -/*EFY UI 2022.09.04*/:root { --efy_font_size: 1px; +/*EFY UI 2022.09.09*/:root { --efy_font_size: 1px; --efy_radius0: calc(var(--efy_radius) / 1.25); --efy_radius2: calc(var(--efy_radius) * 1.5); --efy_radius00: calc(var(--efy_radius) / 3); --efy_padding: 8rem 16rem; --efy_padding2: 3rem 6rem; --efy_gap: 15rem; --efy_body_width: 1120rem; --efy_color: rgb(var(--efy_color1_var)); --efy_color_trans: rgba(var(--efy_color1_var), 0.3); @@ -245,6 +245,8 @@ details[open]:not([efy_help]) > summary:before {transform: rotate(90deg); right: [efy_select] [type="checkbox"], [efy_select] [type="radio"], [efy_select] label [type="color"] {opacity:0} [efy_select] label, [efy_select] p, [efy_select] button {margin: 0 8rem 12rem 0} +/*Padding-Right for Expanding Boxes*/ select:not([multiple]) {padding-right: 32rem} summary, details[open] summary {padding-right: 20rem} + /*Card*/ [efy_card] {background: var(--efy_bg1); border-radius: var(--efy_radius); border: 1.5rem solid var(--efy_color_border); padding: 15rem; display: grid; gap: 5rem; width: 100%; align-content: baseline} /*Sidebar*/ .efy_sidebar {padding: 16rem; width: 100vw; max-width: 450rem; height: 100vh; z-index: 9; position: fixed; right: -450rem; top: 0; box-shadow: 0 0 30rem #0005; border-radius: var(--efy_radius2) 0 0 var(--efy_radius2); transition: right .3s; backdrop-filter: blur( 48rem)} @@ -335,4 +337,4 @@ details[open]:not([efy_help]) > summary:before {transform: rotate(90deg); right: [efy_icon=accessibility]:before {content: "\e910"} [efy_icon=zoom_out]:before {content: "\e911"} [efy_icon=zoom_in]:before {content: "\e912"} -[efy_icon=search]:before {content: "\e908"} \ No newline at end of file +[efy_icon=search]:before {content: "\e908"} From dceef5f3d31419194e26d37b617437285cc47142 Mon Sep 17 00:00:00 2001 From: Dragos <86549690+dragos-efy@users.noreply.github.com> Date: Fri, 9 Sep 2022 11:14:17 +0300 Subject: [PATCH 4/6] Delete efy/img directory --- efy/img/allow_audio.webp | Bin 9250 -> 0 bytes 1 file changed, 0 insertions(+), 0 deletions(-) delete mode 100644 efy/img/allow_audio.webp diff --git a/efy/img/allow_audio.webp b/efy/img/allow_audio.webp deleted file mode 100644 index f3893e7020acf8684a6bd54c34cf2309f9f1ff7c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 9250 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%0A)(w%0clBHmCYQ- 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 Date: Fri, 9 Sep 2022 11:15:59 +0300 Subject: [PATCH 5/6] Update VideoPlayer.vue --- src/components/VideoPlayer.vue | 69 ++++++++++++++++++++++++++++++---- 1 file changed, 62 insertions(+), 7 deletions(-) diff --git a/src/components/VideoPlayer.vue b/src/components/VideoPlayer.vue index 870b95a0..2eba2fc6 100644 --- a/src/components/VideoPlayer.vue +++ b/src/components/VideoPlayer.vue @@ -652,22 +652,77 @@ export default { .player-container { @apply max-h-75vh min-h-64 bg-black; } +[efy_theme="dark_black"] .player-container { + box-shadow: 0 0 0 1.5rem var(--efy_color_border); +} .shaka-video-container:-webkit-full-screen { max-height: none !important; } -/* captions style */ +/*Captions*/ .shaka-text-wrapper * { text-align: left !important; } - -.shaka-text-wrapper > span > span { - background-color: transparent !important; +.shaka-text-wrapper > span { + background: #0008; + backdrop-filter: blur(20rem); + border: 1.5rem solid var(--efy_color_border); + border-radius: var(--efy_radius); + padding: 8rem 12rem; + line-height: 28rem; } - /* apply to all spans that don't include multiple other spans to avoid the style being applied to the text container too when the subtitles are two lines */ .shaka-text-wrapper > span > span *:first-child:last-child { - background-color: rgba(0, 0, 0, 0.6) !important; - padding: 0.09em 0; + background: transparent !important; + color: var(--efy_text); + padding: 0; + font-size: 22rem !important; +} +@media (max-width: 639px) { + .shaka-text-wrapper > span > span *:first-child:last-child { + font-size: 16rem !important; + } +} + +/*Shaka Player*/ +html .shaka-range-element, +html .shaka-range-element:focus { + border: none !important; + box-shadow: none !important; + outline: none !important; +} +.material-icons-round { + font-family: "Material Icons Round" !important; +} +.material-icons-round, +.shaka-current-time { + -webkit-text-fill-color: #fff !important; + opacity: 1 !important; +} +.shaka-overflow-menu, +.shaka-settings-menu { + background: var(--efy_text2) !important; + border-radius: var(--efy_radius) !important; + padding: 16rem !important; + height: fit-content !important; + max-height: 256rem !important; + box-shadow: inset 0 0 0 1.5px var(--efy_bg1) !important; +} +.shaka-overflow-menu label, +.shaka-settings-menu label, +.shaka-overflow-menu button, +.shaka-settings-menu button { + -webkit-text-fill-color: var(--efy_text) !important; + margin: 1.6rem 0 !important; +} +.shaka-overflow-menu .material-icons-round, +.shaka-settings-menu .material-icons-round { + -webkit-text-fill-color: var(--efy_text) !important; +} + +.shaka-overflow-menu button:hover, +.shaka-settings-menu button:hover { + background: var(--efy_bg1) !important; + box-shadow: inset 0 0 0 1.5px var(--efy_bg1); } From 06128ff4b8bc79d1b9325d22071479e4be9ed777 Mon Sep 17 00:00:00 2001 From: Dragos <86549690+dragos-efy@users.noreply.github.com> Date: Fri, 9 Sep 2022 11:16:58 +0300 Subject: [PATCH 6/6] Update App.vue --- src/App.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/App.vue b/src/App.vue index bd50d633..faebde55 100644 --- a/src/App.vue +++ b/src/App.vue @@ -32,7 +32,7 @@ } body { - @apply p-64; + @apply max-w-100vw p-16rem; } /*Default Mode*/