diff options
Diffstat (limited to 'CustomApps')
| -rw-r--r-- | CustomApps/betterLibrary/loadcss.js | 78 | ||||
| -rw-r--r-- | CustomApps/betterLibrary/style.css | 72 |
2 files changed, 76 insertions, 74 deletions
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', - '<link rel="stylesheet" href="extensions/betterLibrary/style.css" />'); //BROKEN + 'beforeend',` + <style> + /* 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); + } + </style>` + ); })();
\ 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 |