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

Updated all long style names to be more compact

Browse Source 
• Updated:
- all long style names to be more compact
This commit is contained in:
mgabdev
2020-08-18 15:43:06 -05:00
parent e5f4e12b7b
commit d5ad398d53
177 changed files with 1052 additions and 1052 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -41,16 +41,16 @@ class Layout extends React.PureComponent {
} = this.props
const mainBlockClasses = CX({
default: 1,
width1015PX: 1,
_: 1,
w1015PX: 1,
flexRow: 1,
justifyContentEnd: 1,
jcEnd: 1,
py15: page !== 'group',
pb15: page === 'group',
})
return (
<div className={[_s.default, _s.width100PC, _s.heightMin100VH, _s.bgTertiary].join(' ')}>
<div className={[_s._, _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.default, _s.flexRow, _s.width100PC].join(' ')}>
<div className={[_s._, _s.flexRow, _s.w100PC].join(' ')}>
{
!noSidebar &&
<Responsive min={BREAKPOINT_EXTRA_SMALL}>
@@ -91,15 +91,15 @@ class Layout extends React.PureComponent {
}
<ResponsiveClassesComponent
classNames={[_s.default, _s.flexShrink1, _s.flexGrow1].join(' ')}
classNamesSmall={[_s.default, _s.flexShrink1, _s.flexGrow1].join(' ')}
classNamesXS={[_s.default, _s.width100PC].join(' ')}
classNames={[_s._, _s.flexShrink1, _s.flexGrow1].join(' ')}
classNamesSmall={[_s._, _s.flexShrink1, _s.flexGrow1].join(' ')}
classNamesXS={[_s._, _s.w100PC].join(' ')}
>
<main role='main'>
<ResponsiveClassesComponent
classNames={mainBlockClasses}
classNamesXS={[_s.default, _s.width1015PX, _s.justifyContentEnd, _s.pb15].join(' ')}
classNamesXS={[_s._, _s.w1015PX, _s.jcEnd, _s.pb15].join(' ')}
>
{
@@ -108,18 +108,18 @@ class Layout extends React.PureComponent {
{
!noRightSidebar &&
<div className={[_s.default, _s.width645PX, _s.z1].join(' ')}>
<div className={[_s._, _s.w645PX, _s.z1].join(' ')}>
{
!!tabs &&
<Responsive max={BREAKPOINT_EXTRA_SMALL}>
<div className={[_s.default, _s.py15].join(' ')}>
<div className={[_s._, _s.py15].join(' ')}>
<Pills pills={tabs} />
</div>
</Responsive>
}
<div className={_s.default}>
<div className={_s._}>
{children}
</div>
</div>
@@ -128,9 +128,9 @@ class Layout extends React.PureComponent {
{
!noRightSidebar &&
<Responsive min={BREAKPOINT_EXTRA_SMALL}>
<div className={[_s.default, _s.width340PX, _s.ml15].join(' ')}>
<div className={[_s._, _s.w340PX, _s.ml15].join(' ')}>
<Sticky top={73} enabled>
<div className={[_s.default, _s.width340PX].join(' ')}>
<div className={[_s._, _s.w340PX].join(' ')}>
<SidebarPanelGroup layout={layout} page={page} />
</div>
</Sticky>