From 2e7409e274c22f14b943e57e1d4170f6d3b0ad71 Mon Sep 17 00:00:00 2001 From: sowgro Date: Thu, 7 Dec 2023 12:56:36 -0500 Subject: change css loading --- CustomApps/betterLibrary/loadcss.js | 78 ++++++++++++++++++++++++++++++++++++- CustomApps/betterLibrary/style.css | 72 ---------------------------------- style.css | 72 ++++++++++++++++++++++++++++++++++ 3 files changed, 148 insertions(+), 74 deletions(-) delete mode 100644 CustomApps/betterLibrary/style.css create mode 100644 style.css diff --git a/CustomApps/betterLibrary/loadcss.js b/CustomApps/betterLibrary/loadcss.js index 2b4f1b5..8e39999 100644 --- a/CustomApps/betterLibrary/loadcss.js +++ b/CustomApps/betterLibrary/loadcss.js @@ -1,5 +1,79 @@ (function loadcss() { document.getElementsByTagName('head')[0].insertAdjacentHTML( - 'beforeend', - ''); //BROKEN + 'beforeend',` + ` + ); })(); \ No newline at end of file diff --git a/CustomApps/betterLibrary/style.css b/CustomApps/betterLibrary/style.css deleted file mode 100644 index 86a29fe..0000000 --- a/CustomApps/betterLibrary/style.css +++ /dev/null @@ -1,72 +0,0 @@ -/* 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 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