Fix Collapsed Sidebar
This commit is contained in:
parent
35c90fe66d
commit
2650103128
|
@ -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 }
|
||||
}
|
||||
}
|
|
@ -266,7 +266,7 @@
|
|||
|
||||
view_friends
|
||||
{
|
||||
textcolor=Root.Label.Text
|
||||
textcolor=none
|
||||
bgcolor="none"
|
||||
font-family=basefont
|
||||
font-size=13 [$LINUX]
|
||||
|
@ -277,7 +277,7 @@
|
|||
|
||||
view_friends:hover
|
||||
{
|
||||
textcolor=Root.Label.Hover.Text
|
||||
textcolor=none
|
||||
}
|
||||
|
||||
online_friends
|
||||
|
|
|
@ -375,7 +375,7 @@
|
|||
|
||||
ViewListButton
|
||||
{
|
||||
bgcolor=DefaultText
|
||||
bgcolor=none
|
||||
inset="1 0 0 0"
|
||||
padding-left=0
|
||||
padding-right=0
|
||||
|
@ -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 }
|
||||
|
|
|
@ -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}
|
||||
}
|
||||
}
|
|
@ -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(2px);
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
//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: white;
|
||||
}
|
||||
div[class^="gamelistentry_Container"][class*="gamelistentry_Installed"]:hover
|
||||
{
|
||||
font-weight:bold;
|
||||
color: white;
|
||||
}
|
||||
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: white;
|
||||
}
|
||||
|
||||
div[class^="gamelistentry_Container"][class*="gamelistentry_Selected"][class*="gamelistentry_Installed"]
|
||||
{
|
||||
font-weight:bold;
|
||||
color: white;
|
||||
}
|
||||
div[class^="gamelistentry_Container"][class*="gamelistentry_Uninstalled"]:hover {
|
||||
color: rgba(255,255, 255, 0.8); }
|
||||
div[class^="gamelistentry_Container"][class*="gamelistentry_Uninstalled"] {
|
||||
color: rgba(220, 220, 220, 1); }
|
||||
div[class^="gamelistentry_Container"][class*="gamelistentry_Selected"][class*="gamelistentry_Uninstalled"] {
|
||||
color: rgba(255, 255, 255, 1); }
|
||||
div[class^="gamelistentry_Container"][class*="gamelistentry_Selected"]
|
||||
{
|
||||
background: linear-gradient(to right, #0B0B0B 0%, #0B0B0B 90%, rgba(53, 55, 63, 0) 110%);
|
||||
}
|
||||
div[class^="gamelistentry_Container"]:hover {
|
||||
color: #000000;
|
||||
background-color: #0B0B0B;
|
||||
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(255, 255, 255, 0.5); }
|
||||
|
||||
div[class^="gamelistsectionheader_SectionHeaderContent"]:hover span[class*="gamelistsectionheader_SectionName"] {
|
||||
color: rgba(255, 255, 255, 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: #FFFFFFCB; }
|
||||
div[class^="gamelistdropdown_MenuHeader"]:hover *[class^="gamelistdropdown_Arrow"] polygon {
|
||||
fill: #FFFFFFCB; }
|
||||
|
||||
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(255, 255, 255, 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(255,255,255,1);
|
||||
}
|
||||
|
||||
div[class^="gamelisthome_Bar"]:hover div[class*="gamelisthome_Label"]
|
||||
{
|
||||
color:rgba(255,255,255,0.5);
|
||||
}
|
||||
|
||||
div[class^="gamelisthome_Icon"] .SVGIcon_Home
|
||||
{
|
||||
stroke:#FFFFFF;
|
||||
}
|
||||
|
||||
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(100%);
|
||||
}
|
||||
|
||||
div[class^="gamelistdropdown_Filters"] div[class*="gamelistdropdown_Active"] svg
|
||||
{
|
||||
fill:#FFFFFF;
|
||||
stroke:$FFFFFF;
|
||||
filter:drop-shadow(-1px 1px 1px rgba(255,255,255,0.9));
|
||||
}
|
||||
|
||||
div[class^="gamelistdropdown_ScrollToTop"] .SVGIcon_Arrow
|
||||
{
|
||||
background-color:rgba(200, 200, 200, 0.3);
|
||||
}
|
Loading…
Reference in New Issue