random-mirrors
/
gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated ProfileHeader desktop header image sizing 

• Updated:
- ProfileHeader desktop header image sizing
This commit is contained in:
mgabdev 2020-12-31 17:15:00 -05:00
parent 147d7e5f05
commit 312289d88a
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/javascript/gabsocial/components/profile_header.js
View File

@ -145,7 +145,7 @@ class ProfileHeader extends ImmutablePureComponent {
const headerSrc = !!account ? account.get('header') : undefined const headerSrc = !!account ? account.get('header') : undefined
const headerMissing = !headerSrc ? true : headerSrc.indexOf(PLACEHOLDER_MISSING_HEADER_SRC) > -1 const headerMissing = !headerSrc ? true : headerSrc.indexOf(PLACEHOLDER_MISSING_HEADER_SRC) > -1
const avatarSize = headerMissing ? 75 : 150 const avatarSize = headerMissing ? 75 : 150
const top = headerMissing ? -46 : -380 const top = headerMissing ? -46 : -430
const avatarContainerClasses = CX({ const avatarContainerClasses = CX({
d: 1, d: 1,
@ -281,10 +281,10 @@ class ProfileHeader extends ImmutablePureComponent {
<Sticky top={top} enabled onStateChange={this.onStickyStateChange}> <Sticky top={top} enabled onStateChange={this.onStickyStateChange}>
<div className={[_s.d, _s.z1, _s.w100PC, _s.aiCenter, _s.boxShadowBlock, _s.bgPrimary].join(' ')}> <div className={[_s.d, _s.z1, _s.w100PC, _s.aiCenter, _s.boxShadowBlock, _s.bgPrimary].join(' ')}>
<div className={[_s.d, _s.w1015PX].join(' ')}> <div className={[_s.d, _s.w1255PX].join(' ')}>
{ {
!headerMissing && !headerMissing &&
<div className={[_s.d, _s.h350PX, _s.w100PC, _s.bottomRightRadiusSmall, _s.bottomLeftRadiusSmall, _s.overflowHidden].join(' ')}> <div className={[_s.d, _s.h400PX, _s.w100PC, _s.bottomRightRadiusSmall, _s.bottomLeftRadiusSmall, _s.overflowHidden].join(' ')}>
<Image <Image
alt={intl.formatMessage(messages.headerPhoto)} alt={intl.formatMessage(messages.headerPhoto)}
className={_s.h100PC} className={_s.h100PC}
@ -298,7 +298,7 @@ class ProfileHeader extends ImmutablePureComponent {
<div className={[_s.d, _s.h20PX, _s.w100PC].join(' ')} /> <div className={[_s.d, _s.h20PX, _s.w100PC].join(' ')} />
} }
<div className={[_s.d, _s.w100PC].join(' ')}> <div className={[_s.d, _s.w1015PX, _s.mlAuto, _s.mrAuto].join(' ')}>
<div className={[_s.d, _s.flexRow, _s.pr15, _s.pl25, _s.mb5].join(' ')}> <div className={[_s.d, _s.flexRow, _s.pr15, _s.pl25, _s.mb5].join(' ')}>
<div className={avatarContainerClasses}> <div className={avatarContainerClasses}>
@ -323,7 +323,6 @@ class ProfileHeader extends ImmutablePureComponent {
</div> </div>
</div> </div>
<div className={[_s.d, _s.flexRow, _s.bgPrimary, _s.h53PX].join(' ')}> <div className={[_s.d, _s.flexRow, _s.bgPrimary, _s.h53PX].join(' ')}>
<div className={tabBarContainerClasses}> <div className={tabBarContainerClasses}>
<TabBar tabs={tabs} isLarge /> <TabBar tabs={tabs} isLarge />

1
app/javascript/styles/global.css
View File

@ -560,6 +560,7 @@ pre {
.h100VH { height: 100vh; } .h100VH { height: 100vh; }
.h100PC { height: 100%; } .h100PC { height: 100%; }
.h400PX { height: 400px; }
.h350PX { height: 350px; } .h350PX { height: 350px; }
.h260PX { height: 260px; } .h260PX { height: 260px; }
.h220PX { height: 220px; } .h220PX { height: 220px; }