Steamin yhteisö :: :: Steam Freinds List Truely Compact

Steam Artwork > Taideteokset > Käyttäjän g6qwerty taideteokset

Steam Freinds List Truely Compact

Steam Artwork

Näytä kaikki taideteokset

Palkinto

Lataa

Otsikko

Kuvaus

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]

Tallenna Peruuta

44	Uniikkeja kävijöitä
3	Nykyiset suosikit

"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 kommenttia

< >

Acheron 10.11.2018 klo 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!

< >