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

Another large update for all components

Browse Source 
reorganization, linting, updating file imports, consolidation
warning: there will be errors in this commit
todo: update webpack, add missing styles, scss files, consolidate group page components.
This commit is contained in:
mgabdev
2019-08-09 12:06:27 -04:00
parent 280dc51d85
commit 3d509c84a2
183 changed files with 4802 additions and 2361 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
app/javascript/gabsocial/features/search/components/header/header.js
View File

@@ -1,7 +1,5 @@
import ImmutablePropTypes from 'react-immutable-proptypes';
import ImmutablePureComponent from 'react-immutable-pure-component';
import { FormattedMessage } from 'react-intl';
import { NavLink } from 'react-router-dom';
import SectionHeadlineBar from '../../../../components/section_headline_bar';
const mapStateToProps = state => ({
value: state.getIn(['search', 'value']),
@@ -9,7 +7,7 @@ const mapStateToProps = state => ({
});
export default @connect(mapStateToProps)
class Header extends ImmutablePureComponent {
class Header extends PureComponent {
static propTypes = {
value: PropTypes.string,
@@ -42,12 +40,15 @@ class Header extends ImmutablePureComponent {
</h1>
</div>
<div className='search-header__type-filters'>
<div className='account__section-headline'>
<div className='search-header__type-filters-tabs'>
<NavLink to='/search' activeClassName='active'>
<FormattedMessage id='search_results.top' defaultMessage='Top' />
</NavLink>
</div>
<div className='search-header__type-filters-tabs'>
<SectionHeadlineBar
items={[
{
to: '/search',
title: <FormattedMessage id='search_results.top' defaultMessage='Top' />
}
]}
/>
</div>
</div>
</div>

24
app/javascript/gabsocial/features/search/components/header/header.scss
View File

@@ -14,32 +14,30 @@
&__title-text {
color: $primary-text-color;
font-size: 27px;
font-weight: bold;
line-height: 32px;
overflow: hidden;
padding-left: 20px;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 1200px;
margin: 0 auto;
@include text-sizing(27px, bold, 32px);
@include text-overflow;
@include margin-center;
@media (min-width:895px) and (max-width:1190px) {
max-width: 900px;
}
}
&__type-filters-tabs {
display: flex;
width: 100%;
max-width: 1200px;
margin: 0 auto;
@include margin-center;
@media screen and (max-width:895px) {
max-width: 580px;
}
}
@media (min-width:895px) and (max-width:1190px) {
&__title-text,
&__type-filters-tabs {
@media (min-width:895px) and (max-width:1190px) {
max-width: 900px;
}
}