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

18
app/javascript/gabsocial/layouts/about_layout.js
View File

@@ -61,7 +61,7 @@ class SettingsLayout extends React.PureComponent {
const { menuItems } = this
const mainBlockClasses = CX({
_: 1,
d: 1,
w1015PX: 1,
flexRow: 1,
jcEnd: 1,
@@ -71,7 +71,7 @@ class SettingsLayout extends React.PureComponent {
})
return (
<div className={[_s._, _s.w100PC, _s.minH100VH, _s.bgPrimary].join(' ')}>
<div className={[_s.d, _s.w100PC, _s.minH100VH, _s.bgPrimary].join(' ')}>
<Responsive max={BREAKPOINT_EXTRA_SMALL}>
<WrappedBundle component={SidebarXS} />
@@ -86,31 +86,31 @@ class SettingsLayout extends React.PureComponent {
<LoggedOutNavigationBar />
}
<div className={[_s._, _s.flexRow, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.flexRow, _s.w100PC].join(' ')}>
<Responsive min={BREAKPOINT_EXTRA_SMALL}>
<WrappedBundle component={AboutSidebar} componentParams={{ title, items: menuItems }} />
</Responsive>
<ResponsiveClassesComponent
classNames={[_s._, _s.flexShrink1, _s.flexGrow1].join(' ')}
classNamesSmall={[_s._, _s.flexShrink1, _s.flexGrow1].join(' ')}
classNamesXS={[_s._, _s.w100PC].join(' ')}
classNames={[_s.d, _s.flexShrink1, _s.flexGrow1].join(' ')}
classNamesSmall={[_s.d, _s.flexShrink1, _s.flexGrow1].join(' ')}
classNamesXS={[_s.d, _s.w100PC].join(' ')}
>
<main role='main'>
<ResponsiveClassesComponent
classNames={mainBlockClasses}
classNamesXS={[_s._, _s.w1015PX, _s.jcEnd, _s.pb15].join(' ')}
classNamesXS={[_s.d, _s.w1015PX, _s.jcEnd, _s.pb15].join(' ')}
>
<div className={[_s._, _s.w1015PX, _s.z1].join(' ')}>
<div className={[_s.d, _s.w1015PX, _s.z1].join(' ')}>
<Responsive max={BREAKPOINT_EXTRA_SMALL}>
<WrappedBundle component={AboutSidebar} componentParams={{ title, items: menuItems }} />
</Responsive>
<div className={_s._}>
<div className={_s.d}>
{children}
</div>
</div>

20
app/javascript/gabsocial/layouts/explore_layout.js
View File

@@ -55,7 +55,7 @@ class ExploreLayout extends ImmutablePureComponent {
const { lazyLoaded } = this.state
const pageTitleBlock = (
<div className={[_s._, _s.pl15, _s.pb10].join(' ')}>
<div className={[_s.d, _s.pl15, _s.pb10].join(' ')}>
<Heading size='h2'>Popular posts across Gab</Heading>
</div>
)
@@ -69,10 +69,10 @@ class ExploreLayout extends ImmutablePureComponent {
title={title}
>
<Responsive max={BREAKPOINT_EXTRA_SMALL}>
<div className={[_s._, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.w100PC].join(' ')}>
<div className={[_s._, _s.w100PC, _s.z1].join(' ')}>
<div className={[_s._, _s.mt15, _s.px10].join(' ')}>
<div className={[_s.d, _s.w100PC, _s.z1].join(' ')}>
<div className={[_s.d, _s.mt15, _s.px10].join(' ')}>
<WrappedBundle component={SignUpLogInPanel} componentParams={{ isXS: true }} />
</div>
{pageTitleBlock}
@@ -83,20 +83,20 @@ class ExploreLayout extends ImmutablePureComponent {
</Responsive>
<Responsive min={BREAKPOINT_EXTRA_SMALL}>
<div className={[_s._, _s.w100PC, _s.pl15].join(' ')}>
<div className={[_s.d, _s.w100PC, _s.pl15].join(' ')}>
<div className={[_s._, _s.flexRow, _s.w100PC, _s.jcEnd].join(' ')}>
<div className={[_s._, _s.w645PX, _s.z1].join(' ')}>
<div className={[_s.d, _s.flexRow, _s.w100PC, _s.jcEnd].join(' ')}>
<div className={[_s.d, _s.w645PX, _s.z1].join(' ')}>
<div className={_s._}>
<div className={_s.d}>
{pageTitleBlock}
{children}
</div>
</div>
<div className={[_s._, _s.ml15, _s.w340PX].join(' ')}>
<div className={[_s.d, _s.ml15, _s.w340PX].join(' ')}>
<Sticky top={73} enabled>
<div className={[_s._, _s.w340PX].join(' ')}>
<div className={[_s.d, _s.w340PX].join(' ')}>
<SidebarPanelGroup
page='explore'
layout={[

16
app/javascript/gabsocial/layouts/group_layout.js
View File

@@ -35,13 +35,13 @@ class GroupLayout extends ImmutablePureComponent {
page='group'
>
<Responsive max={BREAKPOINT_EXTRA_SMALL}>
<div className={[_s._, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.w100PC].join(' ')}>
<GroupHeader group={group} relationships={relationships} isXS>
<WrappedBundle component={GroupInfoPanel} componentParams={{ group, noPanel: true }} />
</GroupHeader>
<div className={[_s._, _s.w100PC, _s.z1].join(' ')}>
<div className={[_s.d, _s.w100PC, _s.z1].join(' ')}>
{children}
</div>
@@ -49,20 +49,20 @@ class GroupLayout extends ImmutablePureComponent {
</Responsive>
<Responsive min={BREAKPOINT_EXTRA_SMALL}>
<div className={[_s._, _s.w100PC, _s.pl15].join(' ')}>
<div className={[_s.d, _s.w100PC, _s.pl15].join(' ')}>
<GroupHeader group={group} relationships={relationships} />
<div className={[_s._, _s.flexRow, _s.w100PC, _s.jcEnd].join(' ')}>
<div className={[_s._, _s.w645PX, _s.z1].join(' ')}>
<div className={_s._}>
<div className={[_s.d, _s.flexRow, _s.w100PC, _s.jcEnd].join(' ')}>
<div className={[_s.d, _s.w645PX, _s.z1].join(' ')}>
<div className={_s.d}>
{children}
</div>
</div>
<div className={[_s._, _s.ml15, _s.w340PX].join(' ')}>
<div className={[_s.d, _s.ml15, _s.w340PX].join(' ')}>
<Sticky top={73} enabled>
<div className={[_s._, _s.w340PX].join(' ')}>
<div className={[_s.d, _s.w340PX].join(' ')}>
<SidebarPanelGroup
page={`group.${groupId}`}
layout={[

22
app/javascript/gabsocial/layouts/introduction_layout.js
View File

@@ -13,15 +13,15 @@ export default class IntroductionLayout extends React.PureComponent {
render() {
return (
<div className={[_s._, _s.w100PC, _s.minH100VH, _s.bgTertiary].join(' ')}>
<div className={[_s.d, _s.w100PC, _s.minH100VH, _s.bgTertiary].join(' ')}>
<div className={[_s._, _s.z4, _s.minH53PX, _s.w100PC].join(' ')}>
<div className={[_s._, _s.minH53PX, _s.bgNavigation, _s.aiCenter, _s.z3, _s.top0, _s.right0, _s.left0, _s.posFixed].join(' ')} >
<div className={[_s._, _s.saveAreaInsetPT, _s.saveAreaInsetPL, _s.saveAreaInsetPR, _s.flexRow, _s.w1255PX].join(' ')}>
<div className={[_s._, _s.flexRow].join(' ')}>
<div className={[_s.d, _s.z4, _s.minH53PX, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.minH53PX, _s.bgNavigation, _s.aiCenter, _s.z3, _s.top0, _s.right0, _s.left0, _s.posFixed].join(' ')} >
<div className={[_s.d, _s.saveAreaInsetPT, _s.saveAreaInsetPL, _s.saveAreaInsetPR, _s.flexRow, _s.w1255PX].join(' ')}>
<div className={[_s.d, _s.flexRow].join(' ')}>
<h1 className={[_s._, _s.mr15].join(' ')}>
<div className={[_s._, _s.jcCenter, _s.noSelect, _s.noUnderline, _s.h53PX, _s.px10, _s.mr15].join(' ')}>
<h1 className={[_s.d, _s.mr15].join(' ')}>
<div className={[_s.d, _s.jcCenter, _s.noSelect, _s.noUnderline, _s.h53PX, _s.px10, _s.mr15].join(' ')}>
<Icon id='logo' className={_s.fillNavigationBrand} />
</div>
</h1>
@@ -31,12 +31,12 @@ export default class IntroductionLayout extends React.PureComponent {
</div>
</div>
<div className={[_s._, _s.flexRow, _s.w100PC].join(' ')}>
<div className={[_s._, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.flexRow, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.w100PC].join(' ')}>
<main role='main'>
<div className={[_s._, _s.aiCenter, _s.py15, _s.px15, _s.mlAuto, _s.mrAuto].join(' ')}>
<div className={[_s.d, _s.aiCenter, _s.py15, _s.px15, _s.mlAuto, _s.mrAuto].join(' ')}>
<div className={[_s._, _s.w645PX, _s.maxW100PC42PX].join(' ')}>
<div className={[_s.d, _s.w645PX, _s.maxW100PC42PX].join(' ')}>
<Block>
<Bundle fetchComponent={Introduction} error={this.renderError}>
{Component => (<Component />)}

24
app/javascript/gabsocial/layouts/layout.js
View File

@@ -41,7 +41,7 @@ class Layout extends React.PureComponent {
} = this.props
const mainBlockClasses = CX({
_: 1,
d: 1,
w1015PX: 1,
flexRow: 1,
jcEnd: 1,
@@ -50,7 +50,7 @@ class Layout extends React.PureComponent {
})
return (
<div className={[_s._, _s.w100PC, _s.minH100VH, _s.bgTertiary].join(' ')}>
<div className={[_s.d, _s.w100PC, _s.minH100VH, _s.bgTertiary].join(' ')}>
<Responsive max={BREAKPOINT_EXTRA_SMALL}>
<WrappedBundle component={SidebarXS} />
@@ -70,7 +70,7 @@ class Layout extends React.PureComponent {
<LoggedOutNavigationBar />
}
<div className={[_s._, _s.flexRow, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.flexRow, _s.w100PC].join(' ')}>
{
!noSidebar &&
<Responsive min={BREAKPOINT_EXTRA_SMALL}>
@@ -91,15 +91,15 @@ class Layout extends React.PureComponent {
}
<ResponsiveClassesComponent
classNames={[_s._, _s.flexShrink1, _s.flexGrow1].join(' ')}
classNamesSmall={[_s._, _s.flexShrink1, _s.flexGrow1].join(' ')}
classNamesXS={[_s._, _s.w100PC].join(' ')}
classNames={[_s.d, _s.flexShrink1, _s.flexGrow1].join(' ')}
classNamesSmall={[_s.d, _s.flexShrink1, _s.flexGrow1].join(' ')}
classNamesXS={[_s.d, _s.w100PC].join(' ')}
>
<main role='main'>
<ResponsiveClassesComponent
classNames={mainBlockClasses}
classNamesXS={[_s._, _s.w1015PX, _s.jcEnd, _s.pb15].join(' ')}
classNamesXS={[_s.d, _s.w1015PX, _s.jcEnd, _s.pb15].join(' ')}
>
{
@@ -108,18 +108,18 @@ class Layout extends React.PureComponent {
{
!noRightSidebar &&
<div className={[_s._, _s.w645PX, _s.z1].join(' ')}>
<div className={[_s.d, _s.w645PX, _s.z1].join(' ')}>
{
!!tabs &&
<Responsive max={BREAKPOINT_EXTRA_SMALL}>
<div className={[_s._, _s.py15].join(' ')}>
<div className={[_s.d, _s.py15].join(' ')}>
<Pills pills={tabs} />
</div>
</Responsive>
}
<div className={_s._}>
<div className={_s.d}>
{children}
</div>
</div>
@@ -128,9 +128,9 @@ class Layout extends React.PureComponent {
{
!noRightSidebar &&
<Responsive min={BREAKPOINT_EXTRA_SMALL}>
<div className={[_s._, _s.w340PX, _s.ml15].join(' ')}>
<div className={[_s.d, _s.w340PX, _s.ml15].join(' ')}>
<Sticky top={73} enabled>
<div className={[_s._, _s.w340PX].join(' ')}>
<div className={[_s.d, _s.w340PX].join(' ')}>
<SidebarPanelGroup layout={layout} page={page} />
</div>
</Sticky>

34
app/javascript/gabsocial/layouts/profile_layout.js
View File

@@ -35,14 +35,14 @@ class ProfileLayout extends ImmutablePureComponent {
} = this.props
const mainContentClasses = CX({
_: 1,
d: 1,
width645PX: !noSidebar,
w1015PX: noSidebar,
z1: 1,
})
return (
<div className={[_s._, _s.w100PC, _s.minH100VH, _s.bgTertiary].join(' ')}>
<div className={[_s.d, _s.w100PC, _s.minH100VH, _s.bgTertiary].join(' ')}>
<Responsive max={BREAKPOINT_EXTRA_SMALL}>
{
!!me &&
@@ -53,12 +53,12 @@ class ProfileLayout extends ImmutablePureComponent {
<LoggedOutNavigationBar isProfile />
}
<main role='main' className={[_s._, _s.w100PC].join(' ')}>
<main role='main' className={[_s.d, _s.w100PC].join(' ')}>
<div className={[_s._, _s.w100PC, _s.flexRow, _s.pb15].join(' ')}>
<div className={[_s.d, _s.w100PC, _s.flexRow, _s.pb15].join(' ')}>
<div className={[_s._, _s.w100PC, _s.flexRow, _s.jcSpaceBetween].join(' ')}>
<div className={[_s._, _s.z1, _s.w100PC, _s.aiCenter].join(' ')}>
<div className={[_s.d, _s.w100PC, _s.flexRow, _s.jcSpaceBetween].join(' ')}>
<div className={[_s.d, _s.z1, _s.w100PC, _s.aiCenter].join(' ')}>
<ProfileHeader account={account} isXS>
<WrappedBundle component={ProfileInfoPanel} componentParams={{ account, noPanel: true }} />
@@ -66,9 +66,9 @@ class ProfileLayout extends ImmutablePureComponent {
<WrappedBundle component={ProfileStatsPanel} componentParams={{ account, noPanel: true }} />
</ProfileHeader>
<div className={[_s._, _s.w100PC, , _s.flexRow, _s.jcEnd, _s.py15].join(' ')}>
<div className={[_s._, _s.w100PC, _s.z1].join(' ')}>
<div className={_s._}>
<div className={[_s.d, _s.w100PC, , _s.flexRow, _s.jcEnd, _s.py15].join(' ')}>
<div className={[_s.d, _s.w100PC, _s.z1].join(' ')}>
<div className={_s.d}>
{children}
</div>
</div>
@@ -98,21 +98,21 @@ class ProfileLayout extends ImmutablePureComponent {
<LoggedOutNavigationBar isProfile />
}
<main role='main' className={[_s._, _s.w100PC].join(' ')}>
<main role='main' className={[_s.d, _s.w100PC].join(' ')}>
<div className={[_s._, _s.w100PC, _s.flexRow, _s.pb15].join(' ')}>
<div className={[_s.d, _s.w100PC, _s.flexRow, _s.pb15].join(' ')}>
<div className={[_s._, _s.w100PC, _s.flexRow, _s.jcSpaceBetween].join(' ')}>
<div className={[_s._, _s.z1, _s.w100PC, _s.aiCenter].join(' ')}>
<div className={[_s.d, _s.w100PC, _s.flexRow, _s.jcSpaceBetween].join(' ')}>
<div className={[_s.d, _s.z1, _s.w100PC, _s.aiCenter].join(' ')}>
<ProfileHeader account={account} />
<div className={[_s._, _s.w1015PX, , _s.flexRow, _s.jcEnd, _s.py15].join(' ')}>
<div className={[_s.d, _s.w1015PX, , _s.flexRow, _s.jcEnd, _s.py15].join(' ')}>
{
!noSidebar &&
<div className={[_s._, _s.w340PX, _s.mr15].join(' ')}>
<div className={[_s.d, _s.w340PX, _s.mr15].join(' ')}>
<Sticky top={63} enabled>
<div className={[_s._, _s.w340PX].join(' ')}>
<div className={[_s.d, _s.w340PX].join(' ')}>
<WrappedBundle component={ProfileStatsPanel} componentParams={{ account }} />
<WrappedBundle component={ProfileInfoPanel} componentParams={{ account }} />
{ !unavailable && <WrappedBundle component={MediaGalleryPanel} componentParams={{ account }} /> }
@@ -123,7 +123,7 @@ class ProfileLayout extends ImmutablePureComponent {
</div>
}
<div className={mainContentClasses}>
<div className={_s._}>
<div className={_s.d}>
{children}
</div>
</div>

18
app/javascript/gabsocial/layouts/settings_layout.js
View File

@@ -21,7 +21,7 @@ class SettingsLayout extends React.PureComponent {
const { children, title } = this.props
const mainBlockClasses = CX({
_: 1,
d: 1,
w1015PX: 1,
flexRow: 1,
jcEnd: 1,
@@ -31,7 +31,7 @@ class SettingsLayout extends React.PureComponent {
})
return (
<div className={[_s._, _s.w100PC, _s.minH100VH, _s.bgTertiary].join(' ')}>
<div className={[_s.d, _s.w100PC, _s.minH100VH, _s.bgTertiary].join(' ')}>
<Responsive max={BREAKPOINT_EXTRA_SMALL}>
<WrappedBundle component={SidebarXS} />
@@ -42,27 +42,27 @@ class SettingsLayout extends React.PureComponent {
noSearch
/>
<div className={[_s._, _s.flexRow, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.flexRow, _s.w100PC].join(' ')}>
<Responsive min={BREAKPOINT_EXTRA_SMALL}>
<SettingsSidebar title='Settings' />
</Responsive>
<ResponsiveClassesComponent
classNames={[_s._, _s.flexShrink1, _s.flexGrow1].join(' ')}
classNamesSmall={[_s._, _s.flexShrink1, _s.flexGrow1].join(' ')}
classNamesXS={[_s._, _s.w100PC].join(' ')}
classNames={[_s.d, _s.flexShrink1, _s.flexGrow1].join(' ')}
classNamesSmall={[_s.d, _s.flexShrink1, _s.flexGrow1].join(' ')}
classNamesXS={[_s.d, _s.w100PC].join(' ')}
>
<main role='main'>
<ResponsiveClassesComponent
classNames={mainBlockClasses}
classNamesXS={[_s._, _s.w1015PX, _s.jcEnd, _s.pb15].join(' ')}
classNamesXS={[_s.d, _s.w1015PX, _s.jcEnd, _s.pb15].join(' ')}
>
<div className={[_s._, _s.w1015PX, _s.z1].join(' ')}>
<div className={[_s.d, _s.w1015PX, _s.z1].join(' ')}>
<div className={_s._}>
<div className={_s.d}>
{children}
</div>
</div>