From 2e7409e274c22f14b943e57e1d4170f6d3b0ad71 Mon Sep 17 00:00:00 2001 From: sowgro Date: Thu, 7 Dec 2023 12:56:36 -0500 Subject: change css loading --- style.css | 72 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 72 insertions(+) create mode 100644 style.css (limited to 'style.css') diff --git a/style.css b/style.css new file mode 100644 index 0000000..86a29fe --- /dev/null +++ b/style.css @@ -0,0 +1,72 @@ +/* remove resize bar while in betterlibrary */ +.Root__top-container:has(.betterLibBox) .LayoutResizer__resize-bar { + visibility: hidden; +} + +/* creates the centered placeholder text on the sidebar where the library was */ +.betterLibText { + display: none; + justify-content: center; + align-items: center; + height: 100%; +} + +/* makes the text visible only when it is in the sidebar */ +.main-yourLibraryX-library .betterLibText { + display: var(--betterlib-show-placeholder-text,flex); +} + +/* makes the "your library" not clickable, expands and styles the text*/ +button.Button-sc-1dqy6lx-0.Button-medium-medium-buttonTertiary-iconLeading-condensed-useBrowserDefaultFocusStyle.main-yourLibraryX-collapseButtonWrapper.main-yourLibraryX-button.main-useDropTarget-base.main-useDropTarget-track.main-useDropTarget-album.main-useDropTarget-artist.main-useDropTarget-playlistV2.main-useDropTarget-show.main-useDropTarget-episode.main-useDropTarget-folder, +button.Button-sc-1dqy6lx-0.Button-medium-medium-buttonTertiary-iconLeading-condensed-useBrowserDefaultFocusStyle.main-yourLibraryX-collapseButtonWrapper.main-yourLibraryX-button.main-useDropTarget-base +{ + pointer-events: none; + font-size: x-large; + color: white; +} + +/* hides the library header when in the sidebar*/ +.main-yourLibraryX-library .main-yourLibraryX-header { + display: none; +} + +/* shows the library header if the user is in a folder*/ +.main-yourLibraryX-library .main-yourLibraryX-header:has(.WYU7SXdABSulyirnmIYb) { + display: flex; +} + +/* hides collapse button (library icon)*/ +span.IconWrapper__Wrapper-sc-16usrgb-0.Wrapper-medium-leading { + display: none; +} + +/* hides collapse button (library icon) in folder*/ +/* button.Button-sc-1dqy6lx-0.Button-medium-medium-buttonTertiary-iconOnly-condensed-useBrowserDefaultFocusStyle.main-yourLibraryX-collapseButtonWrapper.main-yourLibraryX-button.main-useDropTarget-base.main-useDropTarget-track.main-useDropTarget-local.main-useDropTarget-album.main-useDropTarget-episode.main-useDropTarget-playlistV2.main-useDropTarget-folder, */ +button.Button-sc-1dqy6lx-0.Button-medium-medium-buttonTertiary-iconOnly-condensed-useBrowserDefaultFocusStyle.main-yourLibraryX-collapseButtonWrapper.main-yourLibraryX-button.main-useDropTarget-base { + display: none; +} + +/* hides expand/reduce button (<- ->)(and also add(+) and more(...))*/ +button.Button-sc-1dqy6lx-0.Button-small-small-buttonTertiary-iconOnly-useBrowserDefaultFocusStyle.main-yourLibraryX-button.main-yourLibraryX-iconOnly.main-useDropTarget-base { + display: none; +} + +/* unhides add(+) and more(...)*/ +span button.Button-sc-1dqy6lx-0.Button-small-small-buttonTertiary-iconOnly-useBrowserDefaultFocusStyle.main-yourLibraryX-button.main-yourLibraryX-iconOnly.main-useDropTarget-base { + display: inherit; +} + +/* add more top padding to the sidebar */ +.main-yourLibraryX-library { + padding-top: 5px; +} + +/* fixes icons on collapsed betterlibrary */ +span.Type__TypeElement-sc-goli3j-0.TypeElement-balladBold-type { + display: var(--betterlib-fix-collaped-view,inherit); +} + +/* for future setting */ +.main-yourLibraryX-entryPoints.main-yourLibraryX-library { + display: var(--betterlib-hide-sidebar-library,inherit); +} \ No newline at end of file -- cgit v1.2.3