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

Updated the default class name

Browse Source 
• Updated:
- the default class name
This commit is contained in:
mgabdev
2020-08-18 15:49:11 -05:00
parent d5ad398d53
commit 176ddc22f2
174 changed files with 812 additions and 812 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -69,9 +69,9 @@ class ProfileHeader extends ImmutablePureComponent {
if (isXS && !account) {
return (
<div className={[_s._, _s.z1, _s.w100PC].join(' ')}>
<div className={[_s._, _s.z1, _s.w100PC, _s.boxShadowBlock, _s.bgPrimary].join(' ')}>
<div className={[_s._, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.z1, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.z1, _s.w100PC, _s.boxShadowBlock, _s.bgPrimary].join(' ')}>
<div className={[_s.d, _s.w100PC].join(' ')}>
<ProfileHeaderXSPlaceholder />
</div>
</div>
@@ -112,14 +112,14 @@ class ProfileHeader extends ImmutablePureComponent {
const top = headerMissing ? -46 : -380
const avatarContainerClasses = CX({
_: 1,
d: 1,
circle: 1,
mtNeg75PX: !headerMissing,
boxShadowProfileAvatar: !headerMissing,
})
const stickyBarContainerClasses = CX({
_: 1,
d: 1,
flexRow: 1,
px15: 1,
aiCenter: 1,
@@ -127,19 +127,19 @@ class ProfileHeader extends ImmutablePureComponent {
})
const tabBarContainerClasses = CX({
_: 1,
d: 1,
displayNone: stickied,
})
const mobileAvatarContainerClasses = CX({
_: 1,
d: 1,
circle: 1,
boxShadowProfileAvatar: 1,
mtNeg50PX: !headerMissing,
})
const mobileDescriptionContainerClasses = CX({
_: 1,
d: 1,
w100PC: 1,
px15: 1,
mt5: !!me,
@@ -149,14 +149,14 @@ class ProfileHeader extends ImmutablePureComponent {
})
return (
<div className={[_s._, _s.z1, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.z1, _s.w100PC].join(' ')}>
<Responsive max={BREAKPOINT_EXTRA_SMALL}>
<div className={[_s._, _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._, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.w100PC].join(' ')}>
{
!headerMissing &&
<div className={[_s._, _s.h200PX, _s.px10, _s.w100PC, _s.mt10, _s.overflowHidden].join(' ')}>
<div className={[_s.d, _s.h200PX, _s.px10, _s.w100PC, _s.mt10, _s.overflowHidden].join(' ')}>
<Image
alt={intl.formatMessage(messages.headerPhoto)}
className={[_s.topRightRadiusSmall, _s.topLeftRadiusSmall, _s.h100PC].join(' ')}
@@ -166,17 +166,17 @@ class ProfileHeader extends ImmutablePureComponent {
}
{
headerMissing &&
<div className={[_s._, _s.h20PX, _s.w100PC].join(' ')} />
<div className={[_s.d, _s.h20PX, _s.w100PC].join(' ')} />
}
<div className={[_s._, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.w100PC].join(' ')}>
<div className={[_s._, _s.aiCenter, _s.px15, _s.mb5].join(' ')}>
<div className={[_s.d, _s.aiCenter, _s.px15, _s.mb5].join(' ')}>
<div className={mobileAvatarContainerClasses}>
<Avatar size={100} account={account} noHover />
</div>
<div className={[_s._, _s.flexRow, _s.flexNormal, _s.py10].join(' ')}>
<div className={[_s.d, _s.flexRow, _s.flexNormal, _s.py10].join(' ')}>
<DisplayName
account={account}
isMultiline
@@ -188,10 +188,10 @@ class ProfileHeader extends ImmutablePureComponent {
</div>
<div className={[_s._, _s.bgPrimary, _s.aiCenter].join(' ')}>
<div className={[_s.d, _s.bgPrimary, _s.aiCenter].join(' ')}>
{
account && account.get('id') === me &&
<div className={[_s._,_s.py5].join(' ')}>
<div className={[_s.d,_s.py5].join(' ')}>
<Button
isOutline
backgroundColor='none'
@@ -208,9 +208,9 @@ class ProfileHeader extends ImmutablePureComponent {
{
account && account.get('id') !== me && !!me &&
<div className={[_s._, _s.flexRow, _s.py5].join(' ')}>
<div className={[_s.d, _s.flexRow, _s.py5].join(' ')}>
<div className={[_s._, _s.flexRow, _s.mr10].join(' ')}>
<div className={[_s.d, _s.flexRow, _s.mr10].join(' ')}>
<AccountActionButton account={account} />
</div>
@@ -235,7 +235,7 @@ class ProfileHeader extends ImmutablePureComponent {
{children}
</div>
<div className={[_s._, _s.mt10, _s.mb10, _s.pt5, _s.w100PC, _s.pr10].join(' ')}>
<div className={[_s.d, _s.mt10, _s.mb10, _s.pt5, _s.w100PC, _s.pr10].join(' ')}>
<Pills pills={tabs} />
</div>
</div>
@@ -248,12 +248,12 @@ class ProfileHeader extends ImmutablePureComponent {
{ /** desktop */ }
<Responsive min={BREAKPOINT_EXTRA_SMALL}>
<Sticky top={top} enabled onStateChange={this.onStickyStateChange}>
<div className={[_s._, _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._, _s.w1015PX].join(' ')}>
<div className={[_s.d, _s.w1015PX].join(' ')}>
{
!headerMissing &&
<div className={[_s._, _s.h350PX, _s.w100PC, _s.bottomRightRadiusSmall, _s.bottomLeftRadiusSmall, _s.overflowHidden].join(' ')}>
<div className={[_s.d, _s.h350PX, _s.w100PC, _s.bottomRightRadiusSmall, _s.bottomLeftRadiusSmall, _s.overflowHidden].join(' ')}>
<Image
alt={intl.formatMessage(messages.headerPhoto)}
className={_s.h100PC}
@@ -263,12 +263,12 @@ class ProfileHeader extends ImmutablePureComponent {
}
{
headerMissing &&
<div className={[_s._, _s.h20PX, _s.w100PC].join(' ')} />
<div className={[_s.d, _s.h20PX, _s.w100PC].join(' ')} />
}
<div className={[_s._, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.w100PC].join(' ')}>
<div className={[_s._, _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}>
{
account &&
@@ -277,7 +277,7 @@ class ProfileHeader extends ImmutablePureComponent {
{
!account &&
<div
className={[_s._, _s.circle, _s.overflowHidden, _s.bgSecondary].join(' ')}
className={[_s.d, _s.circle, _s.overflowHidden, _s.bgSecondary].join(' ')}
style={{
width: `${avatarSize}px`,
height: `${avatarSize}px`,
@@ -286,27 +286,27 @@ class ProfileHeader extends ImmutablePureComponent {
}
</div>
<div className={[_s._, _s.flexRow, _s.px15, _s.flexNormal, _s.py10].join(' ')}>
<div className={[_s.d, _s.flexRow, _s.px15, _s.flexNormal, _s.py10].join(' ')}>
<DisplayName account={account} isMultiline isLarge noHover />
</div>
</div>
<div className={[_s._, _s.flexRow, _s.bgPrimary, _s.h53PX].join(' ')}>
<div className={[_s.d, _s.flexRow, _s.bgPrimary, _s.h53PX].join(' ')}>
<div className={tabBarContainerClasses}>
<TabBar tabs={tabs} isLarge />
</div>
<div className={stickyBarContainerClasses}>
<Avatar size={36} account={account} noHover />
<div className={[_s._, _s.ml10].join(' ')}>
<div className={[_s.d, _s.ml10].join(' ')}>
<DisplayName account={account} noUsername noRelationship noHover isLarge />
</div>
</div>
{
account && account.get('id') === me &&
<div className={[_s._, _s.flexRow, _s.mlAuto, _s.py5].join(' ')}>
<div className={[_s.d, _s.flexRow, _s.mlAuto, _s.py5].join(' ')}>
<Button
isOutline
backgroundColor='none'
@@ -323,7 +323,7 @@ class ProfileHeader extends ImmutablePureComponent {
{
account && account.get('id') !== me &&
<div className={[_s._, _s.flexRow, _s.mlAuto, _s.py5].join(' ')}>
<div className={[_s.d, _s.flexRow, _s.mlAuto, _s.py5].join(' ')}>
{
!!me &&
<div>
@@ -341,7 +341,7 @@ class ProfileHeader extends ImmutablePureComponent {
</div>
}
<div className={[_s._, _s.flexRow, _s.pb3].join(' ')}>
<div className={[_s.d, _s.flexRow, _s.pb3].join(' ')}>
<AccountActionButton account={account} />
</div>