From 13c31e71e373f5903436c2e647f1b360f21e40c8 Mon Sep 17 00:00:00 2001 From: dragos-efy Date: Sun, 3 Mar 2024 20:50:15 +0200 Subject: [PATCH] Chapters Redesign --- src/components/ChaptersBar.vue | 139 +++++++++++++++++---------------- src/piped.css | 2 +- 2 files changed, 73 insertions(+), 68 deletions(-) diff --git a/src/components/ChaptersBar.vue b/src/components/ChaptersBar.vue index 993fd4ea..ff37257c 100644 --- a/src/components/ChaptersBar.vue +++ b/src/components/ChaptersBar.vue @@ -1,40 +1,19 @@ @@ -45,10 +24,6 @@ const props = defineProps({ type: Object, default: () => null, }, - mobileLayout: { - type: Boolean, - default: () => true, - }, playerPosition: { type: Number, default: () => 0, @@ -66,49 +41,79 @@ defineEmits(["seek"]); diff --git a/src/piped.css b/src/piped.css index eac066f3..4bc2b29b 100644 --- a/src/piped.css +++ b/src/piped.css @@ -26,7 +26,7 @@ --efy_text: oklch(.9 0 0); } /*Your code starts bellow*/ -/*BG 1*/ .comment, .pp-mobile-nav a, .pp-mobile-nav p, .suggestion-selected, .pp-chapters .chapter:not(.pp-chapter-active, .chapter:hover), .pp-chapters [title=chapters] {background: var(--efy_bg1)} +/*BG 1*/ .comment, .pp-mobile-nav a, .pp-mobile-nav p, .suggestion-selected, .pp-chapters .chapter:not(.pp-chapter-active, .chapter:hover) {background: var(--efy_bg1)} /*Bold*/ .btn {font-weight: bold} /*Margin: 0*/ .pp-watch-buttons .btn, .suggestions-container li, .suggestions-container ul, .pp-mobile-btn i, .pp-mobile-nav a, .pp-mobile-nav p, .modal-container button:first-of-type svg {margin: 0} /*Text-Align: Center*/ .btn, .pp-import-channel, .pp-sortby-feed, .pp-playlist-add-modal-top, .pp-nav, .pp-nav > div.flex-1.flex.justify-start > a, .pp-watch-bellow-options .flex.items-center, .pp-channel-page-author {align-items: center; text-align: center}