change css loading2.2

2 files changed, 76 insertions, 2 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/style.css
index 86a29fe..86a29fe 100644
--- a/CustomApps/betterLibrary/style.css
+++ b/style.css