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

6
app/javascript/gabsocial/features/about/about.js
View File

@@ -10,9 +10,9 @@ export default class About extends React.PureComponent {
render() {
return (
<div className={[_s._].join(' ')}>
<div className={[_s.d].join(' ')}>
<Block>
<div className={[_s._, _s.px15, _s.py15, _s.mb10].join(' ')}>
<div className={[_s.d, _s.px15, _s.py15, _s.mb10].join(' ')}>
<Heading>About Gab.com</Heading>
<Text tagName='p' className={_s.mt15} size='medium'>This is the Gab Social instance of Gab.com. Political speech protected by the First Amendment is welcome on this instance.</Text>
@@ -34,7 +34,7 @@ export default class About extends React.PureComponent {
<Divider />
<div className={[_s._, _s.px15, _s.py15].join(' ')} id='opensource'>
<div className={[_s.d, _s.px15, _s.py15].join(' ')} id='opensource'>
<Heading>Open Source</Heading>
<Text tagName='p' className={_s.mt15} size='medium'>At Gab, we believe that the future of online publishing is decentralized and open. We believe that users of social networks should be able to control their social media experience on their own terms, rather than the terms set down by Big Tech.</Text>

8
app/javascript/gabsocial/features/about/dmca.js
View File

@@ -10,9 +10,9 @@ export default class DMCA extends React.PureComponent {
render() {
return (
<div className={[_s._].join(' ')}>
<div className={[_s.d].join(' ')}>
<Block>
<div className={[_s._, _s.px15, _s.py15].join(' ')}>
<div className={[_s.d, _s.px15, _s.py15].join(' ')}>
<Heading>GAB AI INC</Heading>
<br />
<Heading>COPYRIGHT POLICY</Heading>
@@ -22,7 +22,7 @@ export default class DMCA extends React.PureComponent {
<Text tagName='p' className={_s.mt15} size='medium'>We take claims of copyright infringement seriously. We will respond to notices of alleged copyright infringement that comply with applicable law. If you believe any materials accessible on or from this site (the “Website”) infringe your copyright, you may request removal of those materials (or access to them) from the Website by submitting written notification to our copyright agent designated below. In accordance with the Online Copyright Infringement Liability Limitation Act of the Digital Millennium Copyright Act (17 U.S.C. § 512) (”DMCA”), the written notice (the “DMCA Notice”) must include substantially the following:</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li>
<Text tagName='p' size='medium'>Your physical or electronic signature.</Text>
</li>
@@ -60,7 +60,7 @@ export default class DMCA extends React.PureComponent {
<Heading size='h2'>Counter Notification Procedures</Heading>
<Text tagName='p' className={_s.mt15} size='medium'>If you believe that material you posted on the Website was removed or access to it was disabled by mistake or misidentification, you may file a counter notification with us (a “Counter Notice”) by submitting written notification to our DMCA address (above) Pursuant to the DMCA, the Counter Notice must include substantially the following:</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li>
<Text tagName='p' size='medium'>Your physical or electronic signature.</Text>
</li>

4
app/javascript/gabsocial/features/about/investors.js
View File

@@ -10,9 +10,9 @@ export default class Investors extends React.PureComponent {
render() {
return (
<div className={[_s._].join(' ')}>
<div className={[_s.d].join(' ')}>
<Block>
<div className={[_s._, _s.minH50VH, _s.px15, _s.py15].join(' ')}>
<div className={[_s.d, _s.minH50VH, _s.px15, _s.py15].join(' ')}>
<Heading>Investors</Heading>
<br />

26
app/javascript/gabsocial/features/about/privacy_policy.js
View File

@@ -10,9 +10,9 @@ export default class PrivacyPolicy extends React.PureComponent {
render() {
return (
<div className={[_s._].join(' ')}>
<div className={[_s.d].join(' ')}>
<Block>
<div className={[_s._, _s.px15, _s.py15].join(' ')}>
<div className={[_s.d, _s.px15, _s.py15].join(' ')}>
<Heading>GAB AI INC</Heading>
<br />
<Heading>Privacy Policy</Heading>
@@ -49,7 +49,7 @@ export default class PrivacyPolicy extends React.PureComponent {
<Text tagName='p' className={_s.mt15} size='medium'>This policy applies to information we collect:</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li>
<Text tagName='p' size='medium'>On the Website.</Text>
</li>
@@ -66,7 +66,7 @@ export default class PrivacyPolicy extends React.PureComponent {
<Text tagName='p' className={_s.mt15} size='medium'>It does not apply to information collected by:</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li>
<Text tagName='p' size='medium'>Us offline or through any other means, including on any other website operated by Company or any third party (including our affiliates and subsidiaries); or</Text>
</li>
@@ -87,7 +87,7 @@ export default class PrivacyPolicy extends React.PureComponent {
<Heading size='h2'>Information We Collect About You and How We Collect It</Heading>
<Text tagName='p' className={_s.mt15} size='medium'>We collect several types of information from and about users of our Website, including information:</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li>
<Text tagName='p' size='medium'>By which you may be personally identified, such as an e-mail address (”personal information”);</Text>
</li>
@@ -101,7 +101,7 @@ export default class PrivacyPolicy extends React.PureComponent {
<Text tagName='p' className={_s.mt15} size='medium'>We collect this information:</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li>
<Text tagName='p' size='medium'>Directly from you when you provide it to us.</Text>
</li>
@@ -117,7 +117,7 @@ export default class PrivacyPolicy extends React.PureComponent {
<Heading size='h2'>Information You Provide to Us</Heading>
<Text tagName='p' className={_s.mt15} size='medium'>The information we collect on or through our Website may include:</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li>
<Text tagName='p' size='medium'>Information that you provide by filling in forms on our Website. This includes information provided at the time of registering to use our Website, subscribing to our service, posting material, or requesting further services. We may also ask you for information when you report a problem with our Website.</Text>
</li>
@@ -135,7 +135,7 @@ export default class PrivacyPolicy extends React.PureComponent {
<Heading size='h2'>Information We Collect Through Automatic Data Collection</Heading>
<Text tagName='p' className={_s.mt15} size='medium'>As you navigate through and interact with our Website, we may use automatic data collection technologies to collect certain information about your equipment, browsing actions, and patterns, including:</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li>
<Text tagName='p' size='medium'>Details of your visits to our Website, including traffic data, logs, and other communication data and the resources that you access and use on the Website.</Text>
</li>
@@ -146,7 +146,7 @@ export default class PrivacyPolicy extends React.PureComponent {
<Text tagName='p' className={_s.mt15} size='medium'>The information we collect automatically may be only statistical data and may not include personal information. It helps us to improve our Website and to deliver a better and more personalized service, including by enabling us to:</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li>
<Text tagName='p' size='medium'>Estimate our audience size and usage patterns.</Text>
</li>
@@ -163,7 +163,7 @@ export default class PrivacyPolicy extends React.PureComponent {
<Text tagName='p' className={_s.mt15} size='medium'>The technologies we use for this automatic data collection may include:</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li>
<Text tagName='p' size='medium'>Cookies (or browser cookies). A cookie is a small file placed on the hard drive of your computer. You may refuse to accept browser cookies by activating the appropriate setting on your browser. However, if you select this setting you may be unable to access certain parts of our Website. Unless you have adjusted your browser setting so that it will refuse cookies, our system will issue cookies when you direct your browser to our Website.</Text>
</li>
@@ -176,7 +176,7 @@ export default class PrivacyPolicy extends React.PureComponent {
<Heading size='h2'>How We Use Your Information</Heading>
<Text tagName='p' className={_s.mt15} size='medium'>We use information that we collect about you or that you provide to us, including any personal information:</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li>
<Text tagName='p' size='medium'>To present our Website and its contents to you.</Text>
</li>
@@ -214,7 +214,7 @@ export default class PrivacyPolicy extends React.PureComponent {
<Text tagName='p' className={_s.mt15} size='medium'>It is the policy of the Company to not provide any user data to any person unless compelled by a court order issued by a U.S. court, except in cases of life-threatening emergency. The Company reserves the right to change or deviate from this policy at any time, in its sole and absolute discretion, with or without notice to you.</Text>
<Text tagName='p' className={_s.mt15} size='medium'>We may disclose personal information that we collect or you provide as described in this privacy policy:</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li>
<Text tagName='p' size='medium'>To our subsidiaries and affiliates.</Text>
</li>
@@ -237,7 +237,7 @@ export default class PrivacyPolicy extends React.PureComponent {
<Text tagName='p' className={_s.mt15} size='medium'>We may also disclose your personal information:</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li>
<Text tagName='p' size='medium'>To comply with any court order, law, or legal process, including to respond to any government or regulatory request.</Text>
</li>

6
app/javascript/gabsocial/features/about/terms_of_sale.js
View File

@@ -10,9 +10,9 @@ export default class TermsOfSale extends React.PureComponent {
render() {
return (
<div className={[_s._].join(' ')}>
<div className={[_s.d].join(' ')}>
<Block>
<div className={[_s._, _s.px15, _s.py15].join(' ')}>
<div className={[_s.d, _s.px15, _s.py15].join(' ')}>
<Heading>GAB AI INC</Heading>
<br />
<Heading>Terms of Sale</Heading>
@@ -83,7 +83,7 @@ export default class TermsOfSale extends React.PureComponent {
<Heading size='h2'>5. Restrictions</Heading>
<Text tagName='p' className={_s.mt15} size='medium'>When you use the Paid Service, you may not (or attempt to):</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li className={_s.mt10}>
<Text tagName='p' size='medium'>violate the Terms of Service;</Text>
</li>

22
app/javascript/gabsocial/features/about/terms_of_service.js
View File

@@ -10,9 +10,9 @@ export default class TermsOfService extends React.PureComponent {
render() {
return (
<div className={[_s._].join(' ')}>
<div className={[_s.d].join(' ')}>
<Block>
<div className={[_s._, _s.px15, _s.py15].join(' ')}>
<div className={[_s.d, _s.px15, _s.py15].join(' ')}>
<Heading>GAB AI INC</Heading>
<br />
<Heading>Website Terms of Service</Heading>
@@ -165,7 +165,7 @@ export default class TermsOfService extends React.PureComponent {
<Text tagName='p' className={_s.mt15} size='medium'>You are responsible for both:</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li>
<Text tagName='p' size='medium'>Making all arrangements necessary for you to have access to the Website.</Text>
</li>
@@ -208,7 +208,7 @@ export default class TermsOfService extends React.PureComponent {
<Text tagName='p' className={_s.mt15} size='medium'>The Website and its entire contents, features, and functionality (including but not limited to all information, software, text, displays, images, video, and audio, and the design, selection, and arrangement thereof) are owned by the Company, its licensors, or other providers of such material and are protected by United States and international copyright, trademark, patent, trade secret, and other intellectual property or proprietary rights laws. A copy of the Gab Social social networking software (“Gab Social”) and the AGPL license applicable thereto may be found at our public repository.</Text>
<Text tagName='p' className={_s.mt15} size='medium'>These Terms of Service permit you to use the Website for your personal, non-commercial use only. You must not reproduce, distribute, modify, create derivative works of, publicly display, publicly perform, republish, download, store, or transmit any of the material on our Website, except as follows:</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li>
<Text tagName='p' size='medium'>You may use Gab Social software subject to the terms of the Affero GPL License, Version 3.</Text>
</li>
@@ -231,7 +231,7 @@ export default class TermsOfService extends React.PureComponent {
<Text tagName='p' className={_s.mt15} size='medium'>You must not:</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li>
<Text tagName='p' size='medium'>Modify copies of any materials from this site.</Text>
</li>
@@ -251,7 +251,7 @@ export default class TermsOfService extends React.PureComponent {
<Heading size='h2'>Prohibited Uses</Heading>
<Text tagName='p' className={_s.mt15} size='medium'>You may use the Website only for lawful purposes and in accordance with these Terms of Service. You agree not to use the Website:</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li>
<Text tagName='p' size='medium'>In any way that would violate any applicable federal, state, or local law of the United States of America (including, without limitation, any laws regarding the export of data or software to and from the US or other countries) and is not protected by the First Amendment to the U.S. Constitution (the “First Amendment”).</Text>
</li>
@@ -274,7 +274,7 @@ export default class TermsOfService extends React.PureComponent {
<Text tagName='p' className={_s.mt15} size='medium'>Additionally, you agree not to:</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li>
<Text tagName='p' size='medium'>Use the Website in any manner that could disable, overburden, damage, or impair the site or interfere with any other party’s use of the Website, including their ability to engage in real time activities through the Website.</Text>
</li>
@@ -307,7 +307,7 @@ export default class TermsOfService extends React.PureComponent {
<Text tagName='p' className={_s.mt15} size='medium'>All User Contributions must comply with the Content Standards set out in these Terms of Service. Any User Contribution you post to the site will be considered non-confidential and non-proprietary. By providing any User Contribution on the Website, you grant us and our affiliates and service providers, and each of their and our licensees, successors, and assigns an irrevocable, perpetual, royalty-free right to use, republish, reproduce, modify, perform, display, distribute, and otherwise disclose to third parties any such material for any purpose.</Text>
<Text tagName='p' className={_s.mt15} size='medium'>You represent and warrant that:</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li>
<Text tagName='p' size='medium'>You own or control all rights in and to the User Contributions and have the right to grant the license granted above to us and our affiliates and service providers, and each of their and our respective licensees, successors, and assigns.</Text>
</li>
@@ -324,7 +324,7 @@ export default class TermsOfService extends React.PureComponent {
<Text tagName='p' className={_s.mt15} size='medium'>We strive to ensure that the First Amendment remains the Website’s standard for content moderation. We will make best efforts to ensure that all content moderation decisions and enforcement of these terms of service does not punish users for exercising their God-given right to speak freely.</Text>
<Text tagName='p' className={_s.mt15} size='medium'>We collect comparatively little data on our users relative to other social networking sites. Our default position is that we should implement no prior restraints on any User Contribution. However, given the breadth of speech we permit, there may be circumstances where we are unable to determine whether content is protected by the First Amendment or not and prudence may require us to err on the side of caution. Accordingly, the Company reserves the right to take any action with respect to any User Contribution that we deem necessary or appropriate in our sole discretion, including the following:</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li>
<Text tagName='p' size='medium'>Take any action with respect to any User Contribution that we deem necessary or appropriate in our sole discretion, including if we believe that such User Contribution violates the Terms of Service, including the Content Standards, infringes any intellectual property right or other right of any person or entity, or could threaten the physical safety of users of the Website or the public.</Text>
</li>
@@ -346,7 +346,7 @@ export default class TermsOfService extends React.PureComponent {
<Text tagName='p' className={_s.mt15} size='medium'>As a general rule, written expression that is protected political, religious, symbolic, or commercial speech under the First Amendment of the U.S. Constitution will be allowed on the Website. User Contributions absolutely must in their entirety comply with all applicable federal, state, and local regulations in the United States.</Text>
<Text tagName='p' className={_s.mt15} size='medium'>Without limiting the generality of the foregoing, User Contributions must NOT:</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li>
<Text tagName='p' size='medium'>Be unlawful or be made in furtherance of any unlawful purpose. User Contributions must not aid, abet, assist, counsel, procure or solicit the commission of, nor constitute an attempt or part of a conspiracy to commit, any unlawful act. For avoidance of doubt, speech which is merely offensive or the expression of an offensive or controversial idea or opinion, as a general rule, will be in poor taste but will not be illegal in the United States.</Text>
</li>
@@ -473,7 +473,7 @@ export default class TermsOfService extends React.PureComponent {
<Text tagName='p' className={_s.mt15} size='medium'>You may link to the Website, provided you do so in a way that is fair and legal and does not damage our reputation or take advantage of it, but you must not establish a link in such a way as to suggest any form of association, approval, or endorsement on our part without our express written consent.</Text>
<Text tagName='p' className={_s.mt15} size='medium'>This Website may provide certain social media features that enable you to:</Text>
<ul className={[_s._, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<ul className={[_s.d, _s.px15, _s.mt15, _s.ml15].join(' ')}>
<li>
<Text tagName='p' size='medium'>Link from your own or certain third-party websites to certain content on this Website.</Text>
</li>

4
app/javascript/gabsocial/features/account_gallery.js
View File

@@ -114,7 +114,7 @@ class AccountGallery extends ImmutablePureComponent {
<div
role='feed'
onScroll={this.handleScroll}
className={[_s._, _s.flexRow, _s.flexWrap, _s.py5, _s.px5].join(' ')}
className={[_s.d, _s.flexRow, _s.flexWrap, _s.py5, _s.px5].join(' ')}
>
{
@@ -129,7 +129,7 @@ class AccountGallery extends ImmutablePureComponent {
{
isLoading && attachments.size === 0 &&
<div className={[_s._, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.w100PC].join(' ')}>
<MediaGalleryPlaceholder />
</div>
}

4
app/javascript/gabsocial/features/compose/components/compose_extra_button.js
View File

@@ -20,7 +20,7 @@ class ComposeExtraButton extends React.PureComponent {
} = this.props
const btnClasses = cx({
_: 1,
d: 1,
circle: 1,
noUnderline: 1,
font: 1,
@@ -64,7 +64,7 @@ class ComposeExtraButton extends React.PureComponent {
}
return (
<div className={[_s._, _s.mr2].join(' ')} ref={buttonRef}>
<div className={[_s.d, _s.mr2].join(' ')} ref={buttonRef}>
{button}
{children}
</div>

36
app/javascript/gabsocial/features/compose/components/compose_form.js
View File

@@ -211,14 +211,14 @@ class ComposeForm extends ImmutablePureComponent {
const shouldAutoFocus = autoFocus && !showSearch && !isMobile(window.innerWidth)
const parentContainerClasses = CX({
_: 1,
d: 1,
w100PC: 1,
flexRow: !shouldCondense,
pb10: !shouldCondense,
})
const childContainerClasses = CX({
_: 1,
d: 1,
flexWrap: 1,
overflowHidden: 1,
flex1: 1,
@@ -232,7 +232,7 @@ class ComposeForm extends ImmutablePureComponent {
})
const actionsContainerClasses = CX({
_: 1,
d: 1,
flexRow: 1,
aiCenter: !shouldCondense,
aiStart: shouldCondense,
@@ -243,20 +243,20 @@ class ComposeForm extends ImmutablePureComponent {
})
const commentPublishBtnClasses = CX({
_: 1,
d: 1,
jcCenter: 1,
displayNone: length(this.props.text) === 0,
})
return (
<div className={[_s._, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.w100PC].join(' ')}>
{
shouldCondense &&
<div className={parentContainerClasses}>
<div className={[_s._, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.w100PC].join(' ')}>
<div className={[_s._, _s.flexRow, _s.w100PC].join(' ')}>
<div className={[_s._, _s.mr10].join(' ')}>
<div className={[_s.d, _s.flexRow, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.mr10].join(' ')}>
<Avatar account={account} size={28} noHover />
</div>
@@ -287,7 +287,7 @@ class ComposeForm extends ImmutablePureComponent {
/>
<div className={actionsContainerClasses}>
<div className={[_s._, _s.flexRow, _s.mrAuto].join(' ')}>
<div className={[_s.d, _s.flexRow, _s.mrAuto].join(' ')}>
{ /* <EmojiPickerButton small={shouldCondense} isMatch={isMatch} /> */}
@@ -312,7 +312,7 @@ class ComposeForm extends ImmutablePureComponent {
{
(isUploading || anyMedia) &&
<div className={[_s._, _s.w100PC, _s.pl35, _s.mt5].join(' ')}>
<div className={[_s.d, _s.w100PC, _s.pl35, _s.mt5].join(' ')}>
<UploadForm
replyToId={replyToId}
isModalOpen={isModalOpen}
@@ -326,7 +326,7 @@ class ComposeForm extends ImmutablePureComponent {
{
!shouldCondense &&
<div className={parentContainerClasses}>
<div className={[_s._, _s.flexRow, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.flexRow, _s.w100PC].join(' ')}>
<div
className={childContainerClasses}
ref={this.setForm}
@@ -335,7 +335,7 @@ class ComposeForm extends ImmutablePureComponent {
{
!!reduxReplyToId && isModalOpen && isMatch &&
<div className={[_s._, _s.px15, _s.py10, _s.mt5].join(' ')}>
<div className={[_s.d, _s.px15, _s.py10, _s.mt5].join(' ')}>
<StatusContainer
contextType='compose'
id={reduxReplyToId}
@@ -346,7 +346,7 @@ class ComposeForm extends ImmutablePureComponent {
{
!!spoiler &&
<div className={[_s._, _s.px15, _s.py10, _s.borderBottom1PX, _s.borderColorSecondary].join(' ')}>
<div className={[_s.d, _s.px15, _s.py10, _s.borderBottom1PX, _s.borderColorSecondary].join(' ')}>
<Input
placeholder={intl.formatMessage(messages.spoiler_placeholder)}
value={this.props.spoilerText}
@@ -382,7 +382,7 @@ class ComposeForm extends ImmutablePureComponent {
{
(isUploading || anyMedia) &&
<div className={[_s._, _s.px15, _s.mt5].join(' ')}>
<div className={[_s.d, _s.px15, _s.mt5].join(' ')}>
<UploadForm
replyToId={replyToId}
isModalOpen={isModalOpen}
@@ -393,7 +393,7 @@ class ComposeForm extends ImmutablePureComponent {
{
/* : todo :
!!selectedGifSrc && !anyMedia &&
<div className={[_s._, _s.px15].join(' ')}>
<div className={[_s.d, _s.px15].join(' ')}>
<GifForm
replyToId={replyToId}
small={shouldCondense}
@@ -405,14 +405,14 @@ class ComposeForm extends ImmutablePureComponent {
{
!edit && hasPoll &&
<div className={[_s._, _s.px15, _s.mt5].join(' ')}>
<div className={[_s.d, _s.px15, _s.mt5].join(' ')}>
<PollForm replyToId={replyToId} />
</div>
}
{
!!quoteOfId && isModalOpen && isMatch &&
<div className={[_s._, _s.px15, _s.py10, _s.mt5].join(' ')}>
<div className={[_s.d, _s.px15, _s.py10, _s.mt5].join(' ')}>
<StatusContainer
contextType='compose'
id={quoteOfId}
@@ -422,7 +422,7 @@ class ComposeForm extends ImmutablePureComponent {
}
<div className={actionsContainerClasses}>
<div className={[_s._, _s.flexRow, _s.mrAuto].join(' ')}>
<div className={[_s.d, _s.flexRow, _s.mrAuto].join(' ')}>
<UploadButton small={shouldCondense} />

4
app/javascript/gabsocial/features/compose/components/gif_form.js
View File

@@ -15,8 +15,8 @@ class GifForm extends React.PureComponent {
if (!selectedGifSrc) return null
return (
<div className={_s._}>
<div className={[_s._, _s.flexRow, _s.flexWrap].join(' ')}>
<div className={_s.d}>
<div className={[_s.d, _s.flexRow, _s.flexWrap].join(' ')}>
<Image
width='auto'
src={selectedGifSrc}

10
app/javascript/gabsocial/features/compose/components/media_upload_item.js
View File

@@ -81,7 +81,7 @@ class Upload extends ImmutablePureComponent {
const description = this.state.dirtyDescription || (this.state.dirtyDescription !== '' && media.get('description')) || ''
const descriptionContainerClasses = cx({
_: 1,
d: 1,
posAbs: 1,
right0: 1,
bottom0: 1,
@@ -96,20 +96,20 @@ class Upload extends ImmutablePureComponent {
return (
<div
tabIndex='0'
className={[_s._, _s.w50PC, _s.px5, _s.py5].join(' ')}
className={[_s.d, _s.w50PC, _s.px5, _s.py5].join(' ')}
onMouseEnter={this.handleMouseEnter}
onMouseLeave={this.handleMouseLeave}
onClick={this.handleClick}
role='button'
>
<div className={[_s._, _s.radiusSmall, _s.overflowHidden, _s.h158PX].join(' ')}>
<div className={[_s.d, _s.radiusSmall, _s.overflowHidden, _s.h158PX].join(' ')}>
<Image
className={[_s._, _s.h158PX].join(' ')}
className={[_s.d, _s.h158PX].join(' ')}
src={media.get('preview_url')}
/>
{
media.get('type') === 'gifv' &&
<div className={[_s._, _s.posAbs, _s.z2, _s.radiusSmall, _s.bgBlackOpaque, _s.px5, _s.py5, _s.ml10, _s.mt10, _s.top0, _s.left0].join(' ')}>
<div className={[_s.d, _s.posAbs, _s.z2, _s.radiusSmall, _s.bgBlackOpaque, _s.px5, _s.py5, _s.ml10, _s.mt10, _s.top0, _s.left0].join(' ')}>
<Text size='extraSmall' color='white' weight='medium'>GIF</Text>
</div>
}

14
app/javascript/gabsocial/features/compose/components/poll_form.js
View File

@@ -43,8 +43,8 @@ class PollForm extends ImmutablePureComponent {
if (!options) return null
return (
<div className={[_s._, _s.px10, _s.py10, _s.borderColorSecondary, _s.border1PX, _s.radiusSmall].join(' ')}>
<ul className={[_s._, _s.listStyleNone].join(' ')}>
<div className={[_s.d, _s.px10, _s.py10, _s.borderColorSecondary, _s.border1PX, _s.radiusSmall].join(' ')}>
<ul className={[_s.d, _s.listStyleNone].join(' ')}>
{
options.map((title, i) => (
<PollFormOption
@@ -62,7 +62,7 @@ class PollForm extends ImmutablePureComponent {
}
</ul>
<div className={[_s._, _s.flexRow].join(' ')}>
<div className={[_s.d, _s.flexRow].join(' ')}>
{
options.size < 4 && (
<Button
@@ -82,7 +82,7 @@ class PollForm extends ImmutablePureComponent {
)
}
<div className={[_s._, _s.flexGrow1].join(' ')}>
<div className={[_s.d, _s.flexGrow1].join(' ')}>
<Select
value={expiresIn}
onChange={this.handleSelectDuration}
@@ -147,7 +147,7 @@ class PollFormOption extends ImmutablePureComponent {
const { isPollMultiple, title, index, intl } = this.props
const toggleClasses = cx({
_: 1,
d: 1,
px10: 1,
py10: 1,
borderColorSecondary: 1,
@@ -158,8 +158,8 @@ class PollFormOption extends ImmutablePureComponent {
})
return (
<li className={[_s._, _s.flexRow, _s.mb10].join(' ')}>
<label className={[_s._, _s.flexRow, _s.flexGrow1, _s.aiCenter].join(' ')}>
<li className={[_s.d, _s.flexRow, _s.mb10].join(' ')}>
<label className={[_s.d, _s.flexRow, _s.flexGrow1, _s.aiCenter].join(' ')}>
<span
className={toggleClasses}
onClick={this.handleToggleMultiple}

2
app/javascript/gabsocial/features/compose/components/sensitive_media_button.js
View File

@@ -11,7 +11,7 @@ class SensitiveMediaButton extends React.PureComponent {
const { active, disabled, onClick, intl } = this.props
return (
<div className={[_s._, _s.aiStart, _s.px5].join(' ')}>
<div className={[_s.d, _s.aiStart, _s.px5].join(' ')}>
<Switch
id='mark-sensitive'
type='checkbox'

4
app/javascript/gabsocial/features/compose/components/upload_form.js
View File

@@ -17,8 +17,8 @@ class UploadForm extends ImmutablePureComponent {
} = this.props
return (
<div className={_s._}>
<div className={[_s._, _s.flexRow, _s.flexWrap].join(' ')}>
<div className={_s.d}>
<div className={[_s.d, _s.flexRow, _s.flexWrap].join(' ')}>
{
mediaIds.map(id => (
<Upload id={id} key={id} />

2
app/javascript/gabsocial/features/compose/compose.js
View File

@@ -12,7 +12,7 @@ class Compose extends React.PureComponent {
render () {
return (
<div className={[_s._, _s.bgPrimary, _s.borderBottom1PX, _s.borderColorSecondary].join(' ')}>
<div className={[_s.d, _s.bgPrimary, _s.borderBottom1PX, _s.borderColorSecondary].join(' ')}>
<ComposeFormContainer isStandalone />
</div>
)

2
app/javascript/gabsocial/features/follow_requests.js
View File

@@ -58,7 +58,7 @@ class FollowRequests extends ImmutablePureComponent {
} = this.props
const unlockedPrependMessage = locked ? null : (
<div className={[_s._, _s.px15, _s.py15, _s.borderBottom1PX, _s.borderColorSecondary].join(' ')}>
<div className={[_s.d, _s.px15, _s.py15, _s.borderBottom1PX, _s.borderColorSecondary].join(' ')}>
<Text>
<FormattedMessage
id='follow_requests.unlocked_explanation'

2
app/javascript/gabsocial/features/group_about.js
View File

@@ -35,7 +35,7 @@ class GroupAbout extends ImmutablePureComponent {
const { group } = this.props
return (
<div className={[_s._, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.w100PC].join(' ')}>
<Responsive min={BREAKPOINT_EXTRA_SMALL}>
<ColumnIndicator type='missing' />
</Responsive>

4
app/javascript/gabsocial/features/group_collection_timeline.js
View File

@@ -162,8 +162,8 @@ class GroupCollectionTimeline extends React.PureComponent {
} = this.props
const emptyMessage = !!me && collectionType === 'member' && hasNoGroupMembers ? (
<div className={[_s._, _s.w100PC]}>
<Text className={[_s._, _s.mb10].join(' ')}>
<div className={[_s.d, _s.w100PC]}>
<Text className={[_s.d, _s.mb10].join(' ')}>
Join some groups then come back here to view your group timeline
</Text>
<GroupsCollection activeTab='featured' />

2
app/javascript/gabsocial/features/group_create.js
View File

@@ -294,7 +294,7 @@ class GroupCreate extends ImmutablePureComponent {
<Divider isInvisible />
<div className={_s._}>
<div className={_s.d}>
<Text className={[_s.pl15, _s.mb10].join(' ')} size='small' weight='medium' color='secondary'>
{intl.formatMessage(messages.categoryTitle)}
</Text>

4
app/javascript/gabsocial/features/group_members.js
View File

@@ -103,7 +103,7 @@ class GroupMembers extends ImmutablePureComponent {
{
/* : todo :
<div className={[_s._, _s.jcCenter, _s.px15, _s.my5, _s.borderBottom1PX, _s.borderColorSecondary, _s.pt5, _s.pb15].join(' ')}>
<div className={[_s.d, _s.jcCenter, _s.px15, _s.my5, _s.borderBottom1PX, _s.borderColorSecondary, _s.pt5, _s.pb15].join(' ')}>
<Input
id='group-member-search'
placeholder='Search group members'
@@ -118,7 +118,7 @@ class GroupMembers extends ImmutablePureComponent {
</div>
*/
}
<div className={[_s._].join(' ')}>
<div className={[_s.d].join(' ')}>
<ScrollableList
scrollKey='group-members'
hasMore={hasMore}

8
app/javascript/gabsocial/features/groups_collection.js
View File

@@ -90,13 +90,13 @@ class GroupsCollection extends ImmutablePureComponent {
return (
<Block>
<div className={[_s._, _s.flexRow, _s.px15, _s.pt10, _s.jcCenter].join(' ')}>
<div className={[_s._, _s.flexGrow1, _s.maxW80PC, _s.jcCenter, _s.overflowHidden].join(' ')}>
<div className={[_s.d, _s.flexRow, _s.px15, _s.pt10, _s.jcCenter].join(' ')}>
<div className={[_s.d, _s.flexGrow1, _s.maxW80PC, _s.jcCenter, _s.overflowHidden].join(' ')}>
<Heading size='h2'>
{intl.formatMessage(messages[activeTab])}
</Heading>
</div>
<div className={[_s._, _s.flexRow, _s.mlAuto].join(' ')}>
<div className={[_s.d, _s.flexRow, _s.mlAuto].join(' ')}>
<Button
icon='sort'
className={_s.px10}
@@ -108,7 +108,7 @@ class GroupsCollection extends ImmutablePureComponent {
/>
</div>
</div>
<div className={[_s._, _s.py10, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.py10, _s.w100PC].join(' ')}>
{
groupIds.map((groupId, i) => (
<GroupListItem

48
app/javascript/gabsocial/features/introduction.js
View File

@@ -31,10 +31,10 @@ class SlideWelcome extends React.PureComponent {
render() {
return (
<div className={[_s._, _s.w100PC, _s.h100PC].join(' ')}>
<div className={[_s.d, _s.w100PC, _s.h100PC].join(' ')}>
<Image src='/headers/onboarding.png' alt='Welcome to Gab' />
<div className={[_s._, _s.px15, _s.py15].join(' ')}>
<div className={[_s.d, _s.px15, _s.py15].join(' ')}>
<Text size='large'>Gab is the home of free speech online and a place where users shape their own experience. </Text>
<br />
@@ -94,22 +94,22 @@ class SlidePhotos extends ImmutablePureComponent {
const { displayNameValue } = this.state
return (
<div className={[_s._, _s.w100PC].join(' ')}>
<div className={[_s._, _s.px15, _s.py15, _s.aiCenter].join(' ')}>
<div className={[_s.d, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.px15, _s.py15, _s.aiCenter].join(' ')}>
<div className={[_s._, _s.py10, _s.maxW640PX].join(' ')}>
<div className={[_s.d, _s.py10, _s.maxW640PX].join(' ')}>
<Text size='large' align='center'>Set your cover photo, profile photo and enter your display name so people can find you.</Text>
</div>
<div className={[_s._, _s.mt15, _s.w100PC, _s.aiCenter].join(' ')}>
<div className={[_s._, _s.border1PX, _s.borderColorSecondary, _s.overflowHidden, _s.radiusSmall, _s.bgPrimary].join(' ')}>
<div className={[_s.d, _s.mt15, _s.w100PC, _s.aiCenter].join(' ')}>
<div className={[_s.d, _s.border1PX, _s.borderColorSecondary, _s.overflowHidden, _s.radiusSmall, _s.bgPrimary].join(' ')}>
<FileInput
width='300px'
height='140px'
id='cover-photo'
onChange={this.handleCoverPhotoChange}
/>
<div className={[_s._, _s.mtNeg32PX, _s.aiCenter, _s.jcCenter].join(' ')}>
<div className={[_s.d, _s.mtNeg32PX, _s.aiCenter, _s.jcCenter].join(' ')}>
<FileInput
width='124px'
height='124px'
@@ -118,7 +118,7 @@ class SlidePhotos extends ImmutablePureComponent {
onChange={this.handleProfilePhotoChange}
/>
</div>
<div className={[_s._, _s.py5, _s.px15, _s.mt5, _s.mb15].join(' ')}>
<div className={[_s.d, _s.py5, _s.px15, _s.mt5, _s.mb15].join(' ')}>
<Input
id='display-name'
title='Display name'
@@ -148,13 +148,13 @@ class SlideGroups extends ImmutablePureComponent {
const { groupIds } = this.props
return (
<div className={[_s._, _s.w100PC].join(' ')}>
<div className={[_s._, _s.py15, _s.aiCenter].join(' ')}>
<div className={[_s._, _s.px15, _s.mb15].join(' ')}>
<div className={[_s.d, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.py15, _s.aiCenter].join(' ')}>
<div className={[_s.d, _s.px15, _s.mb15].join(' ')}>
<Text size='large'>Gab Groups are a great way to connect with people who share your interests. Please select a few groups to get started.</Text>
</div>
<div className={[_s._, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.w100PC].join(' ')}>
{
groupIds.map((groupId, i) => (
<GroupListItem
@@ -185,8 +185,8 @@ class SlideFirstPost extends React.PureComponent {
const { submitted } = this.props
return (
<div className={[_s._, _s.w100PC].join(' ')}>
<div className={[_s._, _s.py15, _s.px15].join(' ')}>
<div className={[_s.d, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.py15, _s.px15].join(' ')}>
{
!submitted &&
<React.Fragment>
@@ -195,7 +195,7 @@ class SlideFirstPost extends React.PureComponent {
<Divider />
<div className={[_s._, _s.mt15, _s.boxShadowBlock, _s.radiusSmall].join(' ')}>
<div className={[_s.d, _s.mt15, _s.boxShadowBlock, _s.radiusSmall].join(' ')}>
<ComposeFormContainer
groupId={GAB_COM_INTRODUCE_YOURSELF_GROUP_ID}
hidePro
@@ -342,8 +342,8 @@ class Introduction extends ImmutablePureComponent {
const nextTitle = currentIndex === 3 ? 'Finish' : 'Next'
return (
<div className={[_s._, _s.w100PC, _s.maxH80VH].join(' ')}>
<div className={[_s._, _s.flexRow, _s.aiCenter, _s.jcCenter, _s.borderBottom1PX, _s.borderColorSecondary, _s.h53PX, _s.px15].join(' ')}>
<div className={[_s.d, _s.w100PC, _s.maxH80VH].join(' ')}>
<div className={[_s.d, _s.flexRow, _s.aiCenter, _s.jcCenter, _s.borderBottom1PX, _s.borderColorSecondary, _s.h53PX, _s.px15].join(' ')}>
<Responsive min={BREAKPOINT_EXTRA_SMALL}>
<Heading>
{title}
@@ -380,7 +380,7 @@ class Introduction extends ImmutablePureComponent {
<ReactSwipeableViews
index={currentIndex}
onChangeIndex={this.handleSwipe}
className={[_s._, _s.flexNormal, _s.calcH80VH106PX].join(' ')}
className={[_s.d, _s.flexNormal, _s.calcH80VH106PX].join(' ')}
containerStyle={{
width: '100%',
}}
@@ -390,15 +390,15 @@ class Introduction extends ImmutablePureComponent {
>
{
pages.map((page, i) => (
<div key={i} className={[_s._, _s.calcH80VH106PX].join(' ')}>
<div key={i} className={[_s.d, _s.calcH80VH106PX].join(' ')}>
{page}
</div>
))
}
</ReactSwipeableViews>
<div className={[_s._, _s.px15, _s.h53PX, _s.aiCenter, _s.jcCenter, _s.borderTop1PX, _s.borderColorSecondary, _s.w100PC, _s.flexRow].join(' ')}>
<div className={[_s._, _s.w50PX, _s.mrAuto].join(' ')}>
<div className={[_s.d, _s.px15, _s.h53PX, _s.aiCenter, _s.jcCenter, _s.borderTop1PX, _s.borderColorSecondary, _s.w100PC, _s.flexRow].join(' ')}>
<div className={[_s.d, _s.w50PX, _s.mrAuto].join(' ')}>
{
currentIndex !== 0 &&
<Button
@@ -412,7 +412,7 @@ class Introduction extends ImmutablePureComponent {
}
</div>
<div className={[_s._, _s.h100PC, _s.flexGrow1, _s.aiCenter, _s.jcCenter].join(' ')}>
<div className={[_s.d, _s.h100PC, _s.flexGrow1, _s.aiCenter, _s.jcCenter].join(' ')}>
<Pagination
count={pages.length}
activeIndex={currentIndex}
@@ -424,7 +424,7 @@ class Introduction extends ImmutablePureComponent {
<Button
isText
href={currentIndex === 3 ? '/home' : undefined}
className={[_s._, _s.w50PX, _s.h100PC, _s.jcCenter, _s.pr0, _s.pl0, _s.mlAuto, _s.opacity05].join(' ')}
className={[_s.d, _s.w50PX, _s.h100PC, _s.jcCenter, _s.pr0, _s.pl0, _s.mlAuto, _s.opacity05].join(' ')}
onClick={this.handleNext}
backgroundColor='none'
color='secondary'

2
app/javascript/gabsocial/features/list_create.js
View File

@@ -62,7 +62,7 @@ class ListCreate extends React.PureComponent {
onChange={onChange}
/>
<div className={[_s._, _s.my10, _s.py5, _s.ml10].join(' ')}>
<div className={[_s.d, _s.my10, _s.py5, _s.ml10].join(' ')}>
<Text color='secondary' size='small'>
{intl.formatMessage(messages.list_description)}
</Text>

26
app/javascript/gabsocial/features/list_edit.js
View File

@@ -193,8 +193,8 @@ class ListEdit extends ImmutablePureComponent {
return (
<div>
<div className={[_s._, _s.borderTop1PX, _s.borderColorSecondary].join(' ')}>
<div className={[_s._, _s.z4, _s.bgPrimary, _s.px15, _s.top0, _s.posSticky, _s.borderBottom1PX, _s.borderColorSecondary,].join(' ')}>
<div className={[_s.d, _s.borderTop1PX, _s.borderColorSecondary].join(' ')}>
<div className={[_s.d, _s.z4, _s.bgPrimary, _s.px15, _s.top0, _s.posSticky, _s.borderBottom1PX, _s.borderColorSecondary,].join(' ')}>
<TabBar
tabs={[
{
@@ -218,10 +218,10 @@ class ListEdit extends ImmutablePureComponent {
{
activeTab === 'members' &&
<div className={[_s._, _s.mb10, _s.py10].join(' ')}>
<div className={[_s._, _s.pb10, _s.pt5].join(' ')}>
<div className={[_s._].join(' ')}>
<Text weight='bold' size='small' color='secondary' className={[_s._, _s.px15, _s.mt5, _s.mb15].join(' ')}>
<div className={[_s.d, _s.mb10, _s.py10].join(' ')}>
<div className={[_s.d, _s.pb10, _s.pt5].join(' ')}>
<div className={[_s.d].join(' ')}>
<Text weight='bold' size='small' color='secondary' className={[_s.d, _s.px15, _s.mt5, _s.mb15].join(' ')}>
Total members ({accountIds.size})
</Text>
{
@@ -243,8 +243,8 @@ class ListEdit extends ImmutablePureComponent {
{
activeTab === 'settings' &&
<div className={[_s._, _s.mb10, _s.pb10, _s.px15].join(' ')}>
<div className={[_s._, _s.py15].join(' ')}>
<div className={[_s.d, _s.mb10, _s.pb10, _s.px15].join(' ')}>
<div className={[_s.d, _s.py15].join(' ')}>
<Input
title={intl.formatMessage(messages.editListTitle)}
placeholder='My new list title...'
@@ -271,8 +271,8 @@ class ListEdit extends ImmutablePureComponent {
{
activeTab === 'add-new' &&
<div className={[_s._, _s.mb10, _s.py10].join(' ')}>
<div className={[_s._, _s.px15].join(' ')}>
<div className={[_s.d, _s.mb10, _s.py10].join(' ')}>
<div className={[_s.d, _s.px15].join(' ')}>
<Input
placeholder={intl.formatMessage(messages.search)}
value={searchSuggestionsValue}
@@ -285,9 +285,9 @@ class ListEdit extends ImmutablePureComponent {
/>
</div>
<div className={[_s._, _s.pt10].join(' ')}>
<div className={[_s._].join(' ')}>
<Text weight='bold' size='small' color='secondary' className={[_s._, _s.px15, _s.mt5, _s.mb15].join(' ')}>
<div className={[_s.d, _s.pt10].join(' ')}>
<div className={[_s.d].join(' ')}>
<Text weight='bold' size='small' color='secondary' className={[_s.d, _s.px15, _s.mt5, _s.mb15].join(' ')}>
Search results ({searchAccountIds.size})
</Text>
{

2
app/javascript/gabsocial/features/list_timeline.js
View File

@@ -88,7 +88,7 @@ class ListTimeline extends ImmutablePureComponent {
}
const emptyMessage = (
<div className={[_s._, _s.py15, _s.px15, _s.aiCenter].join(' ')}>
<div className={[_s.d, _s.py15, _s.px15, _s.aiCenter].join(' ')}>
<FormattedMessage
id='empty_column.list'
defaultMessage='There is nothing in this list yet. When members of this list post new statuses, they will appear here.'

22
app/javascript/gabsocial/features/news.js
View File

@@ -128,7 +128,7 @@ class News extends React.PureComponent {
]
} catch (error) {
return (
<div className={[_s._, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.w100PC].join(' ')}>
<Block>
<ColumnIndicator type='loading' />
</Block>
@@ -141,23 +141,23 @@ class News extends React.PureComponent {
}
return (
<div className={[_s._, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.w100PC].join(' ')}>
<Block>
<div className={[_s._, _s.w100PC, _s.borderBottom1PX, _s.borderColorSecondary].join(' ')}>
<div className={[_s.d, _s.w100PC, _s.borderBottom1PX, _s.borderColorSecondary].join(' ')}>
<Responsive min={BREAKPOINT_EXTRA_SMALL}>
<TabBar tabs={domainTabs} />
</Responsive>
<Responsive max={BREAKPOINT_EXTRA_SMALL}>
<div className={[_s._, _s.w100PC, _s.pt10, _s.pb5].join(' ')}>
<div className={[_s.d, _s.w100PC, _s.pt10, _s.pb5].join(' ')}>
<Pills pills={domainTabs} />
</div>
</Responsive>
</div>
<div className={[_s._, _s.px15].join(' ')}>
<div className={[_s.d, _s.px15].join(' ')}>
{
!activeDomain &&
<div className={[_s._, _s.py15, _s.mt15, _s.mb15].join(' ')}>
<div className={[_s.d, _s.py15, _s.mt15, _s.mb15].join(' ')}>
<Heading size='h1'>
<a href={`https://trends.gab.com/trend?url=${headlineLink}`} className={[_s.noUnderline, _s.cPrimary].join(' ')}>
{headline}
@@ -168,8 +168,8 @@ class News extends React.PureComponent {
{
!activeDomain && leadHeadlines.length > 0 &&
<div className={[_s._, _s.mb15].join(' ')}>
<div className={[_s._, _s.px15, _s.py10, _s.borderBottom1PX, _s.bgSubtle, _s.borderColorSecondary, _s.jcCenter].join(' ')}>
<div className={[_s.d, _s.mb15].join(' ')}>
<div className={[_s.d, _s.px15, _s.py10, _s.borderBottom1PX, _s.bgSubtle, _s.borderColorSecondary, _s.jcCenter].join(' ')}>
<Heading size='h2'>
<Icon id='trends' className={[_s.mr10].join(' ')} size='18px' />
Headlines
@@ -181,7 +181,7 @@ class News extends React.PureComponent {
isText
backgroundColor='none'
color='primary'
className={[_s._, _s.py7].join(' ')}
className={[_s.d, _s.py7].join(' ')}
href={`https://trends.gab.com/trend?url=${lead.href}`}
>
<Text>
@@ -194,13 +194,13 @@ class News extends React.PureComponent {
}
<div>
<div className={[_s._, _s.px15, _s.mt15, _s.py10, _s.borderBottom1PX, _s.bgSubtle, _s.borderColorSecondary, _s.jcCenter].join(' ')}>
<div className={[_s.d, _s.px15, _s.mt15, _s.py10, _s.borderBottom1PX, _s.bgSubtle, _s.borderColorSecondary, _s.jcCenter].join(' ')}>
<Heading size='h2'>
<Icon id='trends' className={[_s.mr10].join(' ')} size='18px' />
{todaysTopTitle}
</Heading>
</div>
<div className={[_s._, _s.py10].join(' ')}>
<div className={[_s.d, _s.py10].join(' ')}>
{
todaysTop.map((block, i) => (
<TrendsItem

10
app/javascript/gabsocial/features/search.js
View File

@@ -66,7 +66,7 @@ class Search extends ImmutablePureComponent {
return (
<ResponsiveClassesComponent classNamesXS={_s.px10}>
<Block>
<div className={[_s._, _s.py15, _s.px15].join(' ')}>
<div className={[_s.d, _s.py15, _s.px15].join(' ')}>
<Text>Type in the box above and submit to perform a search.</Text>
</div>
</Block>
@@ -97,7 +97,7 @@ class Search extends ImmutablePureComponent {
footerButtonTitle={isMax ? undefined : 'See more'}
noPadding
>
<div className={[_s._, _s.pb10, _s.px15, _s.borderBottom1PX, _s.borderColorSecondary].join(' ')}>
<div className={[_s.d, _s.pb10, _s.px15, _s.borderBottom1PX, _s.borderColorSecondary].join(' ')}>
<Text color='tertiary' size='small'>
Showing {size} of {results.get('accounts').size} results
</Text>
@@ -129,12 +129,12 @@ class Search extends ImmutablePureComponent {
footerButtonTitle={isMax ? undefined : 'See more'}
noPadding
>
<div className={[_s._, _s.pb10, _s.px15, _s.borderBottom1PX, _s.borderColorSecondary].join(' ')}>
<div className={[_s.d, _s.pb10, _s.px15, _s.borderBottom1PX, _s.borderColorSecondary].join(' ')}>
<Text color='tertiary' size='small'>
Showing {size} of {results.get('groups').size} results
</Text>
</div>
<div className={_s._}>
<div className={_s.d}>
{
results.get('groups').slice(0, size).map((group, i) => (
<GroupListItem
@@ -162,7 +162,7 @@ class Search extends ImmutablePureComponent {
footerButtonTitle={isMax ? undefined : 'See more'}
noPadding
>
<div className={[_s._, _s.pb10, _s.px15, _s.borderBottom1PX, _s.borderColorSecondary].join(' ')}>
<div className={[_s.d, _s.pb10, _s.px15, _s.borderBottom1PX, _s.borderColorSecondary].join(' ')}>
<Text color='tertiary' size='small'>
Showing {size} of {results.get('hashtags').size} results
</Text>