Comunidade Steam :: :: Steam Freinds List Truely Compact

Steam Artwork > Arte > Arte de g6qwerty

Steam Freinds List Truely Compact

Steam Artwork

Ver toda a arte

Premiar

Transferir

Título

Descrição

Made the steam Freinds List UI truely compact. It was not compact before even with "compact" selected.

Launch steam with -dev so the shortcut target should say [code]"C:Program Files (x86)SteamSteam.exe" -dev[/code]
then with the freind's window open and selected press F12 then click on "Sources" and then expand [code]steamproxy.com/steamcommunity-a-akamaihd-net/js > public > css/webui > freinds.css[/code] and paste the code below into the end of that file.

[code]
/* g6qwerty was here */
  
.title-area-icon { /* Window Controls location, Minimize, Close, etc. */
  margin-top: -1px;
  margin-right: -5px;
}
.title-area-icon.singleWindowToggle { /* Window Controls location, Minimize, Close, etc. */
  top: 0px !important;
  right: 60px !important;
}

.friendListHeaderContainer {
  min-height: 60px !important;
  }
  
.compactView .AvatarAndUser {
  padding: 0px 0px 5px 0px !important;
  }

.friendSettingsButton {
  margin-right: 0px !important;
  margin-top: -2px !important;
  }

.socialListTab {
  margin-top: 4px !important;
  padding-left: 8px !important;
  }

.compactView .socialListTab {
  height: 20px !important;
  }

.TabSearchButton {
  height: 18px !important;
  margin-top: 0px !important;
  }
  
.TabSearchButton .searchIconButton {
  height: 20px !important;
  }

.friendsTabButtonsContainer {
  margin-top: -2px !important;
  margin-right: -4px !important;
  }

.compactView .friendsTabButtonsContainer .friendRequestButton {
  margin-top: -2px !important;
  }
.friendListInsetShadowTop {
  height: 15px !important;
  }

/*.groupHeaderContainer {/* Sets spaceing between freind groups
  margin-top: -5px !important;
  margin-bottom: -3px !important;
  }*/
  
.groupName {
	height: 18px !important;
}

.friendGroup .groupName {
	line-height: 14px !important;
}

.ExpandPlusMinus {
	margin-top: -1px !important;
}

.FriendsListContent .friendlistListContainer .friendGroup.onlineFriends {
  margin-top: 0px !important;
  }
  
.FriendsListContent .friendlistListContainer .friendGroup.offlineFriends {
  margin-top: 0px !important;
  }
  
.friendListHeaderContainer .title-area {
  height: 44px !important;
  }

.friendListFooter {
  min-height: 4px !important;
  }

.friendListInsetShadowBottom {
  height: 8px !important;
  }

.window_resize_grip {
    background-size: 12px 12px !important;
    background-position: 9px 8px !important;
  }
  
.compactView .friendListButtons {
  top: 22px !important;
  }

.ChatRoomListContainerParent {/* Removes Group chat from freinds list */
  display: none !important;
  }

/*Chat box fixes */

.inviteAnotherFriendButton {
  top: 6px !important;
  right: 4px !important;
  }

.SingleUserChat .msg {
  margin-right: 0px !important;
  /*margin-right: 48px;  removed padding for space complaints, this will make text go under the add friend button */
  }

.SingleUserChat .msgText {
  margin-right: 0px !important;
  }

.chatTab {
	background: #434953 !important;
}

.chatHeader {
	min-height: 2px !important;
  }

.chatHistoryScroll {
  padding: 0px !important;
  margin-left: -6px;
  }

.chatHistory {
  padding-bottom: 4px !important;
  }
  
.chatEntry {
  padding: 4px 0px 0px 5px !important;
  margin-right: -16px;
  }

.chatSubmitButton {
  min-width: 26px !important;	
}

.chatWindow .chatEntry > * {
  margin-bottom: 3px !important; 
  }
  
.ChatMessageEntryVoice {/* removes space between the buttons */
  margin-left: -2px;
  }

.chatentry_chatEntryActionsGroup_15mWd {/* removes space between the buttons */
  margin-left: -2px;
  }

.chatentry_chatTextarea_3e__5 {
  height: 24px !important;
  }
  
.chatSubmitButton {
  max-height: 28px !important;
  }

.EmbedButton {
  min-width: 24px !important;
  }

.EmoticonPickerButton {
  min-width: 24px !important;
  }

.ChatMessageEntryVoice {
  min-width: 26px !important;
  }

.VoiceToggle {
  min-width: 26px !important;
  }

.VoiceToggleIconCtn {
  left: 1px !important;
  }

[/code]

Guardar Cancelar

44	Visitantes diferentes
3	Favoritos atuais

"Made the steam Freinds List UI truely compact. It was not compact before even with "compact" selected.

Launch steam with -dev so the shortcut target should say

"C:Program Files (x86)SteamSteam.exe" -dev

then with the freind's window open and selected press F12 then click on "Sources" and then expand

steamproxy.com/steamcommunity-a-akamaihd-net/js > public > css/webui > freinds.css

and paste the code below into the end of that file.

/* g6qwerty was here */ .title-area-icon { /* Window Controls location, Minimize, Close, etc. */ margin-top: -1px; margin-right: -5px; } .title-area-icon.singleWindowToggle { /* Window Controls location, Minimize, Close, etc. */ top: 0px !important; right: 60px !important; } .friendListHeaderContainer { min-height: 60px !important; } .compactView .AvatarAndUser { padding: 0px 0px 5px 0px !important; } .friendSettingsButton { margin-right: 0px !important; margin-top: -2px !important; } .socialListTab { margin-top: 4px !important; padding-left: 8px !important; } .compactView .socialListTab { height: 20px !important; } .TabSearchButton { height: 18px !important; margin-top: 0px !important; } .TabSearchButton .searchIconButton { height: 20px !important; } .friendsTabButtonsContainer { margin-top: -2px !important; margin-right: -4px !important; } .compactView .friendsTabButtonsContainer .friendRequestButton { margin-top: -2px !important; } .friendListInsetShadowTop { height: 15px !important; } /*.groupHeaderContainer {/* Sets spaceing between freind groups margin-top: -5px !important; margin-bottom: -3px !important; }*/ .groupName { height: 18px !important; } .friendGroup .groupName { line-height: 14px !important; } .ExpandPlusMinus { margin-top: -1px !important; } .FriendsListContent .friendlistListContainer .friendGroup.onlineFriends { margin-top: 0px !important; } .FriendsListContent .friendlistListContainer .friendGroup.offlineFriends { margin-top: 0px !important; } .friendListHeaderContainer .title-area { height: 44px !important; } .friendListFooter { min-height: 4px !important; } .friendListInsetShadowBottom { height: 8px !important; } .window_resize_grip { background-size: 12px 12px !important; background-position: 9px 8px !important; } .compactView .friendListButtons { top: 22px !important; } .ChatRoomListContainerParent {/* Removes Group chat from freinds list */ display: none !important; } /*Chat box fixes */ .inviteAnotherFriendButton { top: 6px !important; right: 4px !important; } .SingleUserChat .msg { margin-right: 0px !important; /*margin-right: 48px; removed padding for space complaints, this will make text go under the add friend button */ } .SingleUserChat .msgText { margin-right: 0px !important; } .chatTab { background: #434953 !important; } .chatHeader { min-height: 2px !important; } .chatHistoryScroll { padding: 0px !important; margin-left: -6px; } .chatHistory { padding-bottom: 4px !important; } .chatEntry { padding: 4px 0px 0px 5px !important; margin-right: -16px; } .chatSubmitButton { min-width: 26px !important; } .chatWindow .chatEntry > * { margin-bottom: 3px !important; } .ChatMessageEntryVoice {/* removes space between the buttons */ margin-left: -2px; } .chatentry_chatEntryActionsGroup_15mWd {/* removes space between the buttons */ margin-left: -2px; } .chatentry_chatTextarea_3e__5 { height: 24px !important; } .chatSubmitButton { max-height: 28px !important; } .EmbedButton { min-width: 24px !important; } .EmoticonPickerButton { min-width: 24px !important; } .ChatMessageEntryVoice { min-width: 26px !important; } .VoiceToggle { min-width: 26px !important; } .VoiceToggleIconCtn { left: 1px !important; }

1 comentários

< >

Acheron 10 nov. 2018 às 9:15

Is there anyway for you to add code or something that adds hot keys?

If you did this, combined with your edit here, I'd actually try to adapt to the new UI. Great job, by the way! Should I evre have to use this UI, I'm using your edits. It makes it nearly the size of the old UI and that is AMAZING!

< >