Skip to content

Commit

Permalink
Web full: Game Details & Chat Fixes (#12)
Browse files Browse the repository at this point in the history
  • Loading branch information
@Foldex
Foldex authored Aug 28, 2022
1 parent a891af3 commit d29a2cc
Show file tree
Hide file tree
Showing 2 changed files with 248 additions and 7 deletions.
137 changes: 133 additions & 4 deletions web_themes/full/5_game_details.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,13 +18,22 @@
[class*="spotlight_MajorEventImageContainer_"],
[class*="spotlight_MajorEventContainer_"],
[class*="spotlight_MajorEventBackground_"],
[class*="writereview_RightContainer_"] button
[class*="writereview_RightContainer_"] button,
[class*="appdetailsgameinfopanel_Description_"]
{
border-radius: var(--card_radius) !important;
background: var(--card_bg) !important;
border: none !important;
}

[class*="appdetailsachievementssection_AdditionalItem_"],
[class*="appdetailscommunityfeed_LoadContentButton_"]
{
border-radius: var(--button_radius) !important;
background: var(--button_bg) !important;
border: none !important;
}

/* Play button, streaming device dropdown */
[class*="appactionbutton_PlayButtonContainer"]
{
Expand Down Expand Up @@ -108,7 +117,9 @@
/* Hover Highlight */
[class*="appactivityday_PartnerEventTextOnly_Container_"]:hover,
[class*="appactivityday_PartnerEventMediumImage_Container_"]:hover,
[class*="appactivityday_PartnerEventLargeImage_Container_"]:hover
[class*="appactivityday_PartnerEventLargeImage_Container_"]:hover,
[class*="appdetailsachievementssection_AdditionalItem_"]:hover,
[class*="appdetailscommunityfeed_LoadContentButton_"]:hover
{
background: var(--button_hover_bg) !important;
}
Expand All @@ -123,7 +134,8 @@
/* Remove Unneeded Backgrounds */
[class*="appactivityday_PartnerEventMediumImage_Container_"],
[class*="appdetailsdlcsection_Gloss_"],
[class*="writereview_RatingContainer_"]
[class*="writereview_RatingContainer_"],
[class*="appdetailsgameinfopanel_Container_"]
{
background: none !important;
}
Expand All @@ -149,14 +161,131 @@
border-bottom-right-radius: 0px !important;
}

[class*="appdetailsachievementssection_Icon_"]
[class*="appdetailsachievementssection_Icon_"],
[class*="appdetailsachievementssection_AdditionalItem_"]
{
border-radius: var(--button_radius) !important;
}

[class*="appdetailshover_AppDetailsHover_"],
[class*="appdetailshover_Background_"]
{
border-radius: var(--card_radius) !important;
}

/* Hide Blur From Major Updates */
[class*="appactivityday_Blur_"]
{
display:none;
}

/* Post Game Summary */
[class*="spotlightgameplaysummary_SummaryCarouselContainer_"]
{
background: var(--card_bg) !important;
border-radius: var(--card_radius) !important;
}

[class*="spotlightgameplaysummary_SummaryCarouselContainer_"]::after
{
box-shadow: none !important;
}

/* Remove Glassy Background */
[class*="appdetailsoverview_BackdropGlass_"]
{
background: none !important;
border-top: 1px solid var(--border) !important;
}

[class*="appdetailsplaysection_Glassy_"][class*="appdetailsplaysection_PlayBar_"]
{
background: var(--view_bg) !important;
border-bottom: 1px solid var(--border) !important;
}

[class*="appdetailsoverview_Container_"]
{
background: var(--bg) !important;
}

/* Activity Post */
[class*="posttextentry_PostTextEntryArea_"],
[class*="posttextentry_PostTextEntryArea_"]:focus,
[class*="posttextentry_PostButton_"]
{
background: var(--button_bg) !important;
border-radius: var(--button_radius) !important;
box-shadow: none !important;
}

[class*="posttextentry_PostButton_"]:hover
{
background: var(--button_hover_bg) !important;
border-radius: var(--button_radius) !important;
}

/* Comment and Like Buttons */
[class*="comment_thread_CanClick_"]:hover
{
background: var(--button_hover_bg) !important;
border-radius: var(--button_radius) !important;
}

[class*="comment_thread_ActivityCommentThread_"]
{
background: none !important;
}

/* AppDetails Play Section Buttons */
[class*="appdetailsplaysection_MenuButton_"]
{
background: var(--button_bg) !important;
border-radius: var(--button_radius) !important;
}

[class*="appdetailsplaysection_MenuButton_"]:hover
{
background: var(--button_hover_bg) !important;
border-radius: var(--button_radius) !important;
}

/* App Details Link Buttons */
[class*="appdetailsprimarylinkssection_LinksSectionBody_"]
{
padding: 0px 10px !important;
}

[class*="appdetailsprimarylinkssection_Link_"]
{
padding: 5px 10px !important;
}

[class*="appdetailsprimarylinkssection_Link_"]
{
border-radius: var(--button_radius) !important;
}

[class*="appdetailsprimarylinkssection_Link_"]:hover
{
background: var(--button_hover_bg) !important;
}

/* Right Side Buttons */
[class*="appdetailsbutton_AppDetailsButton_"]
{
background: none !important;
border-radius: var(--button_radius) !important;
}

[class*="appdetailsbutton_AppDetailsButton_"]:hover
{
background: var(--button_hover_bg) !important;
border-radius: var(--button_radius) !important;
}

/* Fetch More Padding */
[class*="appdetailsactivitysection_FetchMoreContainer_"]
{
padding: 4px 0px !important;
}
118 changes: 115 additions & 3 deletions web_themes/full/8_chat.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,13 +32,13 @@
/* Avatar HeaderBar */
.currentUserContainer
{
border-bottom: 1px solid var(--border);
background: var(--headerbar_bg);
border-bottom: 1px solid var(--border) !important;
background: var(--headerbar_bg) !important;
}

.singlewindow:not(.focused) .currentUserContainer
{
background: var(--headerbar_backdrop);
background: var(--headerbar_backdrop) !important;
}

.AvatarAndUser
Expand Down Expand Up @@ -98,6 +98,12 @@
width: 14px !important;
}

.currentUserContainer.online [class*="personanameandstatus_richPresenceLabel_"],
.currentUserContainer.online [class*="personanameandstatus_playerName_"]
{
color: var(--accent) !important;
}

/* Set Online Status Menu */
.client_chat_frame [class*="contextmenu_contextMenu_"]
{
Expand Down Expand Up @@ -126,11 +132,17 @@
.singleWindowDivider
{
background: var(--border) !important;
border: none !important;
min-width: 1px !important;
width: 1px !important;
}

/* Friend Hover BG */
.friendStatusHover
{
margin: 0px var(--menu_margin) !important;
}

.friendStatusHover:hover
{
background: var(--button_bg) !important;
Expand Down Expand Up @@ -181,6 +193,36 @@
border-radius: var(--button_radius) !important;
}

/* /command popup suggestions */
.chatEntry [class*="suggestdialog_mentionDialog_"]
{
background: var(--popover_bg) !important;
border-radius: var(--menu_radius) !important;
}

.chatEntry [class*="suggestdialog_selected_"]
{
background: var(--button_bg) !important;
border-radius: var(--menu_radius) !important;
}

/* File Upload */
.chatFileUploadPreviewContainer,
.chatFileUploadProgressContainer
{
background: var(--popover_bg) !important;
border-radius: var(--menu_radius) !important;
}

.chatFileUploadPreviewContainer img
{
border-radius: var(--card_radius) !important;
}

.chatFileUploadProgressBarContainer .DialogProgressBar_Value {
background: var(--accent_bg) !important;
}

/* Chat Buttons */
button[class*="chatentry_chatSubmitButton_"],
.chatEntry .VoiceToggle,
Expand Down Expand Up @@ -254,6 +296,62 @@ button[class*="chatentry_EmoticonPickerButton_"]
text-decoration: underline !important;
}

/* Time Divider */
.msg.timeDivision.time_passes .preHorizDivider,
.msg.timeDivision.time_passes .horizDivider
{
border: 1px dashed var(--border) !important;
}

/* Message Images */
.chatHistory .chatImageContainer img,
.BBCodeImageWrapper
{
border-radius: var(--card_radius) !important;
}

/* Image Popup */
.client_chat_frame #popup_target [class*="bbcode_ImageModalBackground_"],
.client_chat_frame.ModalDialogPopup body.ModalDialogBody
{
background: var(--popover_bg) !important;
border: none !important;
box-shadow: none !important;
}

/* Message Steam Store Link */
.msgText > [class*="bbcode_ChatMessageSteamStore_"]
{
background: var(--card_bg) !important;
border-radius: var(--card_radius) !important;
}

.msgText [class*="bbcode_ChatMessageSteamStore_Header_"]
{
background: none !important;
}

.msgText [class*="bbcode_ChatMessageSteamStore_HeaderImage_"]
{
border-radius: var(--card_radius) !important;
}

.msgText [class*="bbcode_Blurred_"]
{
display: none !important;
}

/* Message /me emote */
.msg.ChatMsgSlashEmote .speaker
{
background: none !important;
}

.msg.ChatMsgSlashEmote .msgText
{
font-weight: bold !important;
}

/* Chat Tabs Headerbar */
.ChatTabs .title-area
{
Expand Down Expand Up @@ -312,6 +410,20 @@ button[class*="chatentry_EmoticonPickerButton_"]
border-radius: var(--card_radius) !important;
}

/* Chat Tab Unread */
.ChatTabs [class*="chattabs_UnreadGlow_"]
{
background: var(--button_bg) !important;
width: 100% !important;
height: 100% !important;
border-radius: var(--button_radius) !important
}

.ChatTabs [class*="chattabs_UnreadCircle_"]
{
background: var(--accent_bg) !important;
}

/* Hide Close Button unless Hover */
[class*="chattabs_ChatTab_"]:not(:hover) [class*="chattabs_CloseButton_"]
{
Expand Down

0 comments on commit d29a2cc

Please sign in to comment.