updated some stuff, fixed the weird bar on the right

Hexality · Jun 26, 2023 · 133387a · 133387a
1 parent 59f1513
commit 133387a
Show file tree

Hide file tree

Showing 3 changed files with 58 additions and 4 deletions.
diff --git a/libraryroot.custom.css b/libraryroot.custom.css
@@ -1 +1,2 @@
-@import url('./src/styles/frame.css');
+@import url('./src/styles/frame.css');
+@import url('./src/styles/library.css');
diff --git a/libraryroot.custom.js b/libraryroot.custom.js
@@ -1,3 +1,6 @@
-import './src/scripts/main.js';
+import './src/scripts/frame.js';
+import './src/scripts/library.js';
+import './src/scripts/navIndicator.js';
 import './src/scripts/reloadButton.js';
-import './src/scripts/restartButton.js';
+import './src/scripts/restartButton.js';
+console.log('Loading components...');
diff --git a/src/styles/frame.css b/src/styles/frame.css
@@ -37,7 +37,12 @@
 }
 
 [class*="gamepadui_SteamUIPopupWindow_"] [class*="steamdesktop_Wrapper_"] {
+    background: black !important;
+}
+
+[class*="gamepadui_SteamUIPopupWindow_"] [class*="steamdesktop_OuterFrame_"] {
     background: var(--mica-bg-accent) !important;
+    backdrop-filter: blur(240px);
 }
 
 [class*="gamepadui_SteamUIPopupWindow_"] [class*="steamdesktop_FocusBar_"],
@@ -141,7 +146,7 @@
                 border-radius: 4px !important;
                 background: none !important;
                 color: var(--text-base-alt); }
-                [class*="gamepadui_SteamUIPopupWindow_"] [class*="steamavatar_avatarHolder_"] {
+                [class*="gamepadui_SteamUIPopupWindow_"] [class*="titlebarcontrols_AccountMenu_"] [class*="steamavatar_avatarHolder_"] {
                     height: 24px !important;
                     width: 24px !important;
                     border-radius: 50% !important;
@@ -255,6 +260,11 @@
     top: 48px;
     bottom: 0;
     right: 0;
+    border: none;
+    border-top: 1px solid;
+    border-top-left-radius: 8px;
+    border-left: 1px solid;
+    border-color: rgb(0 0 0 / 10%);
 }
 
 [class*="gamepadui_SteamUIPopupWindow_"] [class*="bottombar_DownloadStatus_"] {
@@ -480,4 +490,44 @@
 
 [class*="gamepadui_SteamUIPopupWindow_"] [class*="bottombar_DownloadStatus_"]:hover [class*="bottombar_Icon_"]::after {
     color: rgb(--text-base) !important;
+}
+
+[class*="gamepadui_SteamUIPopupWindow_"] [class*="bottombar_DownloadStatusContent_"] [class*="bottombar_Status_"]:first-child {
+    visibility: hidden;
+}
+
+[class*="gamepadui_SteamUIPopupWindow_"] [class*="bottombar_DownloadStatusContent_"] [class*="bottombar_Status_"] {
+    width: 16px !important;
+    height: 16px !important;
+}
+
+[class*="gamepadui_SteamUIPopupWindow_"] [class*="bottombar_DownloadStatusContent_"] [class*="bottombar_Status_"]::before {
+    visibility: visible;
+    content: '';
+    font-family: 'Segoe Fluent Icons';
+    font-size: 16px;
+}
+
+[class*="gamepadui_SteamUIPopupWindow_"] [class*="steamavatar_avatarStatus_"].right {
+    position: absolute !important;
+    top: unset !important;
+    bottom: unset !important;
+    right: unset !important;
+    width: 1.5rem !important;
+    height: 1.5rem !important;
+    border-radius: 50%;
+    background: none !important;
+    transition: box-shadow .15s ease;
+}
+
+[class*="gamepadui_SteamUIPopupWindow_"] .online [class*="steamavatar_avatarStatus_"].right {
+    box-shadow: 0 0 0 2px #30985b inset !important;
+}
+
+[class*="gamepadui_SteamUIPopupWindow_"] .awayOrSnooze [class*="steamavatar_avatarStatus_"].right {
+    box-shadow: 0 0 0 2px #ddaa45 inset !important;
+}
+
+[class*="gamepadui_SteamUIPopupWindow_"] .offline [class*="steamavatar_avatarStatus_"].right {
+    box-shadow: 0 0 0 2px #81848c inset !important;
 }