Update Layout To fit Steam New Chat System

This commit is contained in:
JackMyth 2018-08-01 16:09:39 +08:00
parent a6c96a5108
commit 9256476854
9 changed files with 520 additions and 209 deletions

View File

@ -0,0 +1,150 @@
"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

@ -0,0 +1,65 @@
"resource/layout/accountmenu.layout"
{
controls
{
view_profile_button { controlname="Button" style="account_menu_button" labelText="#steam_menu_account_view_profile" }
view_account_button { controlname="Button" style="account_menu_button" labelText="#steam_menu_account_details" }
view_wallet_button { controlname="Button" style="account_menu_button" labelText="#steam_menu_account_wallet" }
view_preferences_button { controlname="Button" style="account_menu_button" labelText="#steam_menu_account_preferences" }
change_user_button { controlname="Button" style="account_menu_button" labelText="#steam_menu_account_logout" }
account_name_label { controlname="Label" style="account_menu_label" labelText="%account%" }
wallet_amount_label { controlname="Label" style="account_menu_label" labelText="%wallet%" }
}
styles
{
AccountMenuStyle
{
render_bg
{
// top area and graphic
0="gradient( x0, y0, x1, y1, MenuBG1, MenuBG2 )"
1="fill( x0 + 1, y0, x1 - 1, y0 + 1, blueborder )" // top
2="fill( x0 + 1, y1 - 1, x1 - 1, y1, blueborder )" // bottom
3="fill( x0, y0 + 1, x0 + 1, y1 - 1, blueborder )" // left
4="fill( x1 - 1, y0 + 1, x1, y1 - 1, blueborder )" // right
}
}
account_menu_button
{
bgcolor=none
font-size=14
font-weight=regular
textcolor="label"
font-style=""
render_bg{}
}
account_menu_label
{
font-size=14
font-weight=regular
textcolor="Friends.OnlineColor"
font-style=""
render_bg{}
}
account_menu_button:hover
{
textcolor="SuperNavHover"
}
}
layout
{
place { control="view_profile_button" align=left margin-left=4 margin-top=4 height=24 }
place { control="view_account_button" align=left margin-left=4 margin-top=28 height=24 }
place { control="change_user_button" align=left margin-left=4 margin-top=52 height=24 }
place { control="account_name_label" start="change_user_button" dir="right" height=24 margin-left=-4 }
place { control="view_preferences_button" align=left margin-left=4 margin-top=76 height=24 }
place { control="view_wallet_button,wallet_amount_label" align=left margin-left=4 margin-top=100 height=24 }
}
}

View File

@ -0,0 +1,27 @@
"resource/layout/announcement_text.layout"
{
controls
{
announcementtextpanel { controlname="CAnnouncementTextPanel" style="announcementtextpanel" }
announcementtext { controlname="Label" style="announcementtext" }
}
styles
{
announcementtextpanel
{
bgcolor=AnnouncementBlue
}
announcementtext
{
font-size=16
textcolor=white
}
}
layout
{
place { control=announcementtext width=max margin=4 }
}
}

View File

@ -0,0 +1,53 @@
"resource/layout/announcement_web.layout"
{
controls
{
announcementwebpanel { controlname="CAnnouncementWebPanel" style="announcementwebpanel" }
announcementweb { controlname="HTML" style="announcementweb" zpos=10011 }
announcementnotch { controlname="Panel" style="announcementnotch" }
announcementbg { controlname="Panel" style="announcementbg" zpos=-100 }
}
colors
{
WebBorderColor = "64 64 64 255"
}
styles
{
announcementwebpanel
{
inset="0 0 0 0"
}
announcementweb
{
inset="0 0 0 0"
}
announcementnotch
{
wide=36
tall=18
render
{
1="image( x0, y0 , x1, y1, graphics/announcement_arrow )"
}
}
announcementbg
{
bgcolor=WebBorderColor
}
}
layout
{
region { name="bottom" x=0 y=18 width=max height=max }
place { control=announcementnotch x=0 y=0 width=36 height=18 }
place { control=announcementbg region="bottom" width=max height=max }
place { control=announcementweb region="bottom" margin=10 width=max height=max }
}
}

View File

@ -0,0 +1,61 @@
"resource/layout/blecontrollerfirmware.layout"
{
controls
{
BLEFirmwareUpdate { controlname="Frame" title="#Steam_BLEControllerFirmware_Title" style="BLEFirmwareUpdate" }
ConfirmTextHeader { controlname="Label" labeltext="#Steam_BLEControllerFirmware_Header" wrap=0 style=ConfirmTextHeader }
ConfirmText { controlname="Label" labeltext="#Steam_BLEControllerFirmware_Body" wrap=1 style=ConfirmText }
BLEFirmwareDontShowCheckButton { controlname="CheckButton" tabposition=4 labeltext="#SteamUI_NotifyTrayHintDialog_DontShow" }
LearnMore { controlname="Button" tabposition=1 labeltext="#Steam_BLEControllerFirmware_LearnMore" textalignment=left }
UpdateNow { controlname="Button" tabposition=2 labeltext="#Steam_BLEControllerFirmware_UpdateNow" textalignment=left }
Close { controlname="Button" tabposition=3 labeltext="#vgui_close" textalignment=left }
}
styles
{
BLEFirmwareUpdate
{
minimum-width = 706
minimum-height = 370
inset="0 0 0 0"
render_bg
{
// background gradient
0="gradient( x0+1, y0, x1-1, y1-45, dialogbg, almostblack )"
5="image( x0 + 3, y0 + 3, x1, y1, graphics/blefirmwareupdate )"
}
}
ConfirmTextHeader
{
textcolor="110 192 236 255"
font-size=26
}
ConfirmText
{
textcolor="110 192 236 255"
font-size=20
font-weight=700
selectedtextcolor="label2"
render_bg {}
height=400px
}
}
layout
{
region { name="bottom" width=max align=bottom height=45 margin=10 }
place { control="ConfirmTextHeader" width=435 y=86 margin-left=30 }
place { control="ConfirmText" width=295 y=105 margin=20 height=max margin-left=30 spacing=10 dir=down }
place { control="ControllerBackground" width=max y=40 height=max margin=15 }
place { control="Close" region="bottom" align=right margin-right=20 width=120 height=25 }
place { control="UpdateNow" region="bottom" align=right end-right="Close" margin-right=20 width=160 height=25 }
place { control="LearnMore" region="bottom" align=right end-right="UpdateNow" margin-right=20 width=120 height=25 }
place { control="BLEFirmwareDontShowCheckButton" region="bottom" align=left spacing=5 margin-left=20 }
}
}

View File

@ -2,57 +2,48 @@
{
controls
{
"fullscreen"
{
"ControlName" "Button"
style="FullscreenButton"
command="fullscreen"
tooltiptext="#tooltip_view_fullscreen"
tooltiptext="#tooltip_view_fullscreen"
}
"startvr"
{
"ControlName" "Button"
style="VRButton"
command="url steam://run/250820"
tooltiptext="#tooltip_view_vr_start"
command="startvr"
tooltiptext="#tooltip_view_vr_start"
}
"exitvr"
{
"ControlName" "Button"
style="VRButtonExit"
command="exitvr"
tooltiptext="#tooltip_view_vr_exit"
tooltiptext="#tooltip_view_vr_exit"
}
"New"
{
"ControlName" "URLLabel"
style="new_label"
"URLText" "http://store.steampowered.com/uiupdate"
zpos=-2
}
"UINavigatorPanel"
{
"ControlName" "CUINavigatorPanel"
zpos=-2
}
}
"UIStatusPanel"
{
"ControlName" "CUIStatusPanel"
zpos=-2
}
}
"MenuBar"
{
"ControlName" "MenuBar"
style=RootMenu
}
SupportAlert
{
ControlName=Button
@ -60,7 +51,16 @@
style="support_alert"
textAlignment=center
command="OpenSupportAlertWindow"
}
}
XPVistaAlert
{
ControlName=Button
labelText="#Steam_XPVistaAlert"
style="support_alert"
textAlignment=center
command="OpenXPVistaAlertWindow"
}
ParentalLockButton
{
@ -70,80 +70,61 @@
text=""
command="ParentalLock"
}
InboxButton
{
ControlName=MenuButton
ControlName=CInboxButton
style="inbox_button"
textAlignment=west
}
}
AnnouncementButton
{
ControlName=CAnnouncementButton
style="announcement_button"
textAlignment=west
}
AccountButton
{
ControlName=CAccountButton
style="AccountButtonStyle"
}
add_game
{
"ControlName" "MenuButton"
labelText="#steam_client_add_game"
style="AddGameButton"
}
frame_title
{
ControlName=Label
style="ClientTitle"
"textAlignment" "west"
"textAlignment" "center" [$OSX]
}
account_url
{
"ControlName" "MenuButton"
"fieldName" "account_url"
"labelText" "#Steam_Account_Name"
style="AccountURLStyle"
}
account_balance
{
"ControlName" "URLLabel"
"fieldName" "account_balance"
"labelText" ""
"URLText" "steam://url/StoreWallet/"
style="AccountBalanceStyle"
}
account_balance_seperator
{
"ControlName" "Label"
"fieldName" "account_balance_seperator"
"labelText" "|"
style="AccountBalanceSeparatorStyle"
}
universe_label
{
ControlName=Label
labelText=#Steam_Universe_Internal
"ControlName" "Label"
"fieldName" "universe_label"
"labelText" "#Steam_Universe_Internal"
style="UniverseLabel"
}
view_friends
{
ControlName=URLLabel
ControlName=Button
labelText="#Steam_ViewFriends"
"URLText" "steam://open/friends"
command="ViewFriends"
style="view_friends"
textAlignment=east
}
online_friends
{
ControlName=Label
labelText="#Steam_OnlineFriends"
style="online_friends"
textAlignment=east
zpos=-1
}
}
styles
{
@ -172,131 +153,7 @@
font-style=regular
inset="0 -1 0 0"
}
new_label
{
bgcolor=none
inset="0 0 0 0"
}
new_label:hover
{
bgcolor=none
inset="0 0 0 0"
}
new_label_german
{
bgcolor=none
render_bg={}
image="graphics/new_button_german"
inset="0 0 0 0"
}
new_label_german:hover
{
bgcolor=none
render_bg={}
image="graphics/new_button_hover_german"
inset="0 0 0 0"
}
new_label_french
{
bgcolor=none
render_bg={}
image="graphics/new_button_french"
inset="0 0 0 0"
}
new_label_french:hover
{
bgcolor=none
render_bg={}
image="graphics/new_button_hover_french"
inset="0 0 0 0"
}
new_label_italian
{
bgcolor=none
render_bg={}
image="graphics/new_button_italian"
inset="0 0 0 0"
}
new_label_italian:hover
{
bgcolor=none
render_bg={}
image="graphics/new_button_hover_italian"
inset="0 0 0 0"
}
new_label_spanish
{
bgcolor=none
render_bg={}
image="graphics/new_button_spanish"
inset="0 0 0 0"
}
new_label_spanish:hover
{
bgcolor=none
render_bg={}
image="graphics/new_button_hover_spanish"
inset="0 0 0 0"
}
new_label_danish
{
bgcolor=none
render_bg={}
image="graphics/new_button_danish"
inset="0 0 0 0"
}
new_label_danish:hover
{
bgcolor=none
render_bg={}
image="graphics/new_button_hover_danish"
inset="0 0 0 0"
}
new_label_norwegian
{
bgcolor=none
render_bg={}
image="graphics/new_button_norwegian"
inset="0 0 0 0"
}
new_label_norwegian:hover
{
bgcolor=none
render_bg={}
image="graphics/new_button_hover_norwegian"
inset="0 0 0 0"
}
new_label_swedish
{
bgcolor=none
render_bg={}
image="graphics/new_button_swedish"
inset="0 0 0 0"
}
new_label_swedish:hover
{
bgcolor=none
render_bg={}
image="graphics/new_button_hover_swedish"
inset="0 0 0 0"
}
RootMenu
{
bgcolor="none"
@ -358,7 +215,6 @@
5="fill(x0, y0, x0+1, y1, Frame.Outline.Focus)"
6="fill(x1-1, y0, x1, y1, Frame.Outline.Focus)"
7="fill(x0, y1-1, x1, y1, Frame.Outline.Focus)"
}
}
@ -410,7 +266,8 @@
view_friends
{
textcolor=Root.Label.Text
//textcolor=Root.Label.Text
textcolor=none
bgcolor="none"
font-family=basefont
font-size=13 [$LINUX]
@ -421,7 +278,8 @@
view_friends:hover
{
textcolor=Root.Label.Hover.Text
textcolor=none
//textcolor=Root.Label.Hover.Text
}
online_friends
@ -556,8 +414,63 @@
render {}
}
announcement_button
{
bgcolor=none
inset="3 0 0 0"
image="graphics/Threshold/community"
render{}
render_bg{}
}
announcement_button:hover
{
bgcolor=Menu.Hover
render{}
}
announcement_button:selected
{
bgcolor=Menu.Hover
render{}
}
announcement_button:disabled
{
image="graphics/Threshold/community"
render{}
}
announcement_button_button_active
{
inset="3 0 0 0"
bgcolor=Accent
image="graphics/Threshold/community"
render {}
render_bg{}
}
announcement_button_button_active:hover
{
bgcolor=Accent.Hover
render {}
}
announcement_button_button_active:selected
{
bgcolor=Accent.Hover
render {}
}
announcement_button_button_active:disabled
{
image="graphics/Threshold/community"
render {}
}
parental_lock_button
{
inset="-10 0 0 0"
bgcolor=none
image="graphics/Threshold/notfamilyview"
render{}
@ -638,22 +551,20 @@
region { name=left width=240 y=32}
region { name=bottom-left region=left align=bottom height=48 width=max}
region { name=bottom width=max height=48 align=bottom}
region { name=account align=bottom-right margin-right=48 width=max height=52 margin-left=505}
place { control="New, account_URL" region=hidden}
place { control="add_game" x=14 y=16 region=hidden height=0 width=0}
region { name=account align=bottom-right margin-right=96 width=max height=48 margin-left=505}
//place { control="view_friends,add_game" region=hidden}
place { control="add_game" region=hidden}
place { control="view_friends" height=36 width=36 region=bottom align=right dir=right margin-right=106 margin-top=6 }
place { control="MenuBar" height=48 width=48 y=32 x=0 }
place { control="UINavigatorPanel" width=max height=max margin-right=0 margin-left=0 margin-bottom=48 margin-top=0 }
place { control="ParentalLockButton, startVR, exitVR, SupportAlert" region=bottom-left align=right margin-right=48 height=48 width=48 spacing=0 dir=right}
place { control="UIStatusPanel" height=48 width=323 region=bottom margin-left=192}
place { control="InboxButton" height=48 width=48 region=bottom align=right }
place { control="AnnouncementButton,InboxButton" height=48 width=48 region=bottom align=right }
place { control="fullscreen,frame_minimize,frame_maximize,frame_close" align=right width=46 height=32 spacing=0 }
place { control="FriendPanel" height=48 y=0 width=48 margin-left=4 region=account align=right}
place { control="account_balance, account_balance_seperator, view_friends, universe_label" dir=right margin-right=54 margin-top=12 spacing=5 region=account align=right}
place { control="online_friends" height=12 y=30 spacing=5 margin-right=54 region=account align=right}
place { control="AccountButton" margin-left=4 region=account height=48 align=right}
}
}
}

View File

@ -0,0 +1,44 @@
"resource/layout/subpaneloptionsshadercache.layout"
{
controls
{
ShaderCacheEnabledCheckbox
{
controlname=button
labeltext="#Steam_Settings_ShaderCache_Enable"
wrap=1
}
ShaderCacheInfo
{
controlname=label
labeltext="#Steam_Settings_ShaderCache_Info"
wrap=1
}
}
colors
{
}
styles
{
}
layout
{
region { name=box margin-top=20 margin-bottom=20 margin-left=20 margin-right=20 width=max height=max }
place { control=ShaderCacheInfo region=box width=max }
place {
controls="ShaderCacheEnabledCheckbox"
start = ShaderCacheInfo
margin-top = 10
region=box
dir=down
width=450
spacing = 1
}
}
}

View File

@ -404,4 +404,4 @@
"Default" "0"
"selected" "0"
}
}
}

View File

@ -69,10 +69,10 @@
"Command" "ForceQuit"
"Default" "0"
}
"HideDialogButton"
"CancelQuitButton"
{
"ControlName" "Button"
"fieldName" "HideDialogButton"
"fieldName" "CancelQuitButton"
"xpos" "180"
"ypos" "84"
"wide" "128"
@ -83,10 +83,10 @@
"enabled" "1"
"tabPosition" "2"
"paintbackground" "1"
"labelText" "#vgui_OK"
"labelText" "#vgui_Cancel"
"textAlignment" "west"
"wrap" "0"
"Command" "HideDialog"
"Command" "CancelQuit"
"Default" "0"
}
}