Fix Collapsed Sidebar

This commit is contained in:
Jack-Myth 2020-01-09 13:26:00 +08:00
parent 360591fe74
commit a9e2ae0c80
5 changed files with 237 additions and 210 deletions

View File

@ -1,150 +0,0 @@
"resource/layout/accountbutton.layout"
{
controls
{
account_avatar
{
"ControlName" "Image"
"fieldName" "account_avatar"
"zpos" "-2" // behind dropdown button
}
account_drop_down
{
"ControlName" "Label"
"fieldName" "account_drop_down"
"zpos" "-2" // behind dropdown button
"style" "AccountDropDownStyleOffline"
}
account_balance
{
"ControlName" "Label"
"fieldName" "account_balance"
"style" "AccountBalanceStyle"
"zpos" "-2" // behind dropdown button
}
account_persona
{
"ControlName" "Label"
"fieldName" "account_persona"
"style" "AccountPersonaStyleOffline"
"labelText" "%persona%"
"zpos" "-2" // behind dropdown button
}
account_menu_button
{
"ControlName" "Button"
"fieldName" "account_menu_button"
"labelText" ""
"style" "AccountMenuButtonStyle"
}
}
styles
{
AccountPersonaStyleOffline
{
padding-right=6
padding-left=12
textcolor=Friends.OfflineColor
}
AccountPersonaStyleOnline
{
padding-right=6
padding-left=12
textcolor=Friends.OnlineColor
}
AccountPersonaStyleInGame
{
padding-right=6
padding-left=12
textcolor=Friends.InGameColor
}
AccountDropDownStyleOffline
{
render
{
0="image(x0,y0,x1,y1,graphics/avatarBorderOffline)"
}
}
AccountDropDownStyleOnline
{
render
{
0="image(x0,y0,x1,y1,graphics/avatarBorderOnline)"
}
}
AccountDropDownStyleInGame
{
render
{
0="image(x0,y0,x1,y1,graphics/avatarBorderInGame)"
}
}
AccountButtonStyle
{
bgcolor=none
}
AccountButtonStyle:hover
{
bgcolor=none
}
AccountBalanceStyle
{
textcolor="labeldisabled"
bgcolor="none"
font-family=basefont
font-size=14
font-weight=400
font-style=regular
padding-top=1
padding-right=8
padding-left=2
}
AccountBalanceStyle [$OSX]
{
textcolor="labeldisabled"
bgcolor="none"
font-family=basefont
font-size=13
font-weight=400
font-style=regular
inset="0 1 0 0"
}
AccountMenuButtonStyle
{
bgcolor=none
}
AccountMenuButtonStyle:hover
{
bgcolor=none
}
}
layout
{
place { control="account_menu_button" align=left height=0 width=0 } //This normally spans the whole element but it only opens the menu down, so disable it for now
place { control="account_drop_down" align=right height=48 width=48 margin-top=4 } //Avatar & outline
place { control="account_avatar" align=right margin-top=8 height=32 width=32 margin-right=12}
place { control="account_balance" align=right end-right="account_drop_down" y=22 }
place { control="account_persona" align=right end-right="account_drop_down" y=8 }
}
}

View File

@ -266,7 +266,7 @@
view_friends
{
textcolor=Root.Label.Text
textcolor=none
bgcolor="none"
font-family=basefont
font-size=13 [$LINUX]

View File

@ -667,6 +667,7 @@
place { control=BroadcastPageMin width=300 height=168 margin-top=0 margin-left=0 margin-right=30 margin-bottom=26 dir=down align=bottom-right }
place { control=BroadcastPageMinHoriz width=300 height=168 margin-top=0 margin-left=0 margin-right=30 margin-bottom=40 dir=down align=bottom-right }
place { control=ConsolePage width=max height=max margin-top=0 margin-left=0 margin-right=0 margin-bottom=0 start=emailreminderbar dir=down}
place { control=NewLibraryPage width=max height=max margin-top=0 margin-left=0 margin-right=0 margin-bottom=0 start=phonereminderbar dir=down }
place { control=MediaPage width=max height=max margin-top=48 margin-left=0 margin-right=0 margin-bottom=0 start=emailreminderbar dir=down }
place { control=ToolsPage width=max height=max margin-top=48 margin-left=0 margin-right=0 margin-bottom=0 start=emailreminderbar dir=down }

View File

@ -1,59 +0,0 @@
"resource/layout/uistatuspanel.layout"
{
controls
{
StatusDownloading { controlname=URLLabel style="StatusLabel" labelText="" URLText="steam://open/downloads" }
StatusPaused{ controlname=URLLabel style="StatusLabelDim" labelText="" URLText="steam://open/downloads" }
StatusComplete { controlname=URLLabel style="StatusLabelDim" labelText="" URLText="steam://open/downloads" }
StatusProgressbar { controlname="ProgressBar" style="SlimProgressBar" barinset=0 continuous=1 }
}
styles
{
CUIStatusPanel
{
render{
0="image( x0, y0, x1, y1, graphics/Threshold/downloads)"
}
}
StatusLabelDim
{
textcolor=none
}
StatusLabelDim:hover
{
textcolor=none
render_bg
{
0="fill(x0, y0, x1, y1, Menu.Hover)"
}
}
SlimProgressBar
{
textcolor=Accent
render_bg
{
0="fill( x0, y0, x1, y1, Progress.Back )"
}
render
{
}
}
}
layout
{
region {name=hidden width=0 height=0}
region {name=button width=48 height=48}
region {name=text width=max height=48 margin-left=48}
place { control="StatusPaused" region=button height=max width=max}
place { control="StatusComplete" region=button height=max width=max}
place { control="StatusDownloading" region=text margin-left=10 margin-top=12} //Also Offline mode status
place { control="StatusProgressbar" region=text width=max height=5 align=bottom margin-bottom=9 margin-right=10 margin-left=10}
}
}

View File

@ -0,0 +1,235 @@
#root
{
background: url("images/MainBG.jpg");
background-position: -48px -31px;
background-size: calc(100% + 48px) calc(100% + 80px);
background-repeat: no-repeat;
}
div[class^="gamelistbar_Container"]
{
background-color: #00000000;
z-index:2;
}
div[class^="gamelistbar_Container"]:after
{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -2;
background: url("images/MainBG.jpg");
background-position:-48px -31px;
background-size: calc(100% + 48px) calc(100% + 80px);
background-attachment: fixed;
filter: blur(5px);
}
/*
//If you want a translucent detail,uncomment this block.
div[class^="appdetailsoverview_Container][class*="appdetailsoverview_ColumnContainer"] {
background-color: #24282f00;
}
.appdetails_Container_3HDlC
{
background-color: #24282fcc;
}
*/
div[class^="gamelistbar_GameListHomeAndSearch"] {
background: #20212433;
border-radius: 10px;
}
div[class^="gamelistdropdown_MenuHeader"]
{
color: rgba(0, 0, 0, 1);
}
div[class^="gamelistfilter_Icon"]
{
filter: brightness(0%);
}
div[class^="libraryhome_Container"]
{
background: radial-gradient(100% 100% at 45% 45%, #000000 0%, #00000000 100%);
}
div[class^="gamelistsectionheader_SectionHeaderContent"]
{
color: rgba(0, 0, 0, 1);
}
div[class^="libraryhome_UpdatesContainer"]
{
background-color: #36373800;
}
div[class^="gamelistentry_Container"][class*="gamelistentry_Installed"]
{
font-weight:bold;
color: black;
}
div[class^="gamelistentry_Container"][class*="gamelistentry_Installed"]:hover
{
font-weight:bold;
color: black;
}
div[class^="gamelistentry_Container"][class*="gamelistentry_Installed"][class*="gamelistentry_HoverOverlay"]
{
font-weight:bold;
color: lightgray;
}
div[class^="gamelistentry_Container"][class*="gamelistentry_Selected"][class*="gamelistentry_Installed"]
{
font-weight:bold;
color: black;
}
div[class^="gamelistentry_Container"][class*="gamelistentry_Selected"][class*="gamelistentry_Installed"]
{
font-weight:bold;
color: black;
}
div[class^="gamelistentry_Container"][class*="gamelistentry_Uninstalled"]:hover {
color: rgba(0, 0, 0, 0.8); }
div[class^="gamelistentry_Container"][class*="gamelistentry_Uninstalled"] {
color: rgba(0, 0, 0, 1); }
div[class^="gamelistentry_Container"][class*="gamelistentry_Selected"][class*="gamelistentry_Uninstalled"] {
color: rgba(0, 0, 0, 1); }
div[class^="gamelistentry_Container"][class*="gamelistentry_Selected"]
{
background: linear-gradient(to right, #CBCBCB 0%, #CBCBCB 90%, rgba(53, 55, 63, 0) 110%);
}
div[class^="gamelistentry_Container"]:hover {
color: #000000;
background-color: #CBCBCB;
transition: background-color 0.25s; }
div[class^="gamelistsectionheader_Container"][class*="gamelistsectionheader_Selected"] {
background: linear-gradient(to right, #CBCBCB 0%, #BBBBBB 90%, #303230CB 110%);
}
div[class^="gamelistsectionheader_SectionHeaderContent"] span[class*="gamelistsectionheader_SectionName"] {
color: rgba(0, 0, 0, 0.5); }
div[class^="gamelistsectionheader_SectionHeaderContent"]:hover span[class*="gamelistsectionheader_SectionName"] {
color: rgba(0, 0, 0, 1); }
div[class^="appactivityday_ActivityAchievementUnlocked"][class*="appactivityday_ActivityPublishedScreenshot"] {
background: #1d222782;
}
/*div[class^="collectionview_Container"]
{
background: linear-gradient(#222222FF,#222222AA,#22222222 50%);
}*/
div[class^="gamelistdropdown_MenuHeader"]:hover {
color: #000000CB; }
div[class^="gamelistdropdown_MenuHeader"]:hover *[class^="gamelistdropdown_Arrow"] polygon {
fill: #000000CB; }
div[class^="library_AppDetailsTransitionGroup"]
{
background:#00000000;
}
div[class^="library_MainPanel"]
{
//background: radial-gradient(100% 100% at 45% 45%, #00000080 0%, #30303f 100%);
z-index:1;
}
div[class^="library_MainPanel"]:after
{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background: url("images/MainBG.jpg");
background-position:-48px -31px;
background-size: calc(100% + 48px) calc(100% + 80px);
background-attachment: fixed;
filter: blur(10px) brightness(60%);
}
div[class^="libraryhome_UpdatesContainer"]
{
background:#00000000;
}
div[class^="gamelistdropdown_MenuHeader"][class*="gamelistdropdown_FiltersActive"]
{
background-color:#3e40478a;
}
div[class^="gamelistsearchbar_SearchInput"] input[class^="DialogInput"]
{
background:rgba(67, 73, 83, 0.6) !important;
}
div[class^="gamelistsectionheader_SectionCount"]
{
color:rgba(0, 0, 0, 0.5);
}
/*div[class^="smartscrollcontainer_Container"][class*="libraryhome_Container"]*/
div[class^="smartscrollcontainer"]
{
background:#00000000;
}
div[class^="library_LibraryWindowDivider"]
{
box-shadow: 1px 0px 6px 1px #000000;
}
div[class^="gamelisthome_Label"]
{
color:rgba(0,0,0,1);
}
div[class^="gamelisthome_Bar"]:hover div[class*="gamelisthome_Label"]
{
color:rgba(255,255,255,0.5);
}
div[class^="gamelisthome_Icon"] .SVGIcon_Home
{
stroke:#000000;
}
div[class^="gamelisthome_Bar"]:hover div[class*="gamelisthome_Icon"] .SVGIcon_Home
{
stroke:rgba(255,255,255,0.5);
}
div[class^="gamelistdropdown_Filters"] div:not([class*="gamelistdropdown_Active"]) svg
{
filter:brightness(10%);
}
div[class^="gamelistdropdown_Filters"] div[class*="gamelistdropdown_Active"] svg
{
fill:#66CCFF;
stroke:$66CCFF;
filter:drop-shadow(-1px 1px 1px rgba(0,0,0,0.9));
}
div[class^="gamelistdropdown_ScrollToTop"] .SVGIcon_Arrow
{
background-color:rgba(10, 10, 15, 0.3);
}