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

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 the rest of components within features/*
This commit is contained in:
mgabdev
2019-08-07 01:02:36 -04:00
parent 5505f60119
commit 280dc51d85
341 changed files with 8876 additions and 8321 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -8,6 +8,7 @@ const mapStateToProps = state => ({
submitted: state.getIn(['search', 'submitted']),
});
export default @connect(mapStateToProps)
class Header extends ImmutablePureComponent {
static propTypes = {
@@ -46,24 +47,10 @@ class Header extends ImmutablePureComponent {
<NavLink to='/search' activeClassName='active'>
<FormattedMessage id='search_results.top' defaultMessage='Top' />
</NavLink>
{/*<NavLink to='/search/gabs' activeClassName='active'>
<FormattedMessage id='search_results.statuses' defaultMessage='Gabs' />
</NavLink>
<NavLink to='/search/people' activeClassName='active'>
<FormattedMessage id='search_results.accounts' defaultMessage='People' />
</NavLink>
<NavLink to='/search/hashtags' activeClassName='active'>
<FormattedMessage id='search_results.hashtags' defaultMessage='Hashtags' />
</NavLink>
<NavLink to='/search/groups' activeClassName='active'>
<FormattedMessage id='search_results.groups' defaultMessage='Groups' />
</NavLink>*/}
</div>
</div>
</div>
</div>
);
}
}
export default connect(mapStateToProps)(Header);
}

46
app/javascript/gabsocial/features/search/components/header/header.scss Normal file
View File

@@ -0,0 +1,46 @@
.search-header {
display: block;
width: 100%;
&__text-container {
display: none;
padding: 25px 0;
background-color: lighten($ui-base-color, 6%);
@media (min-width:895px) {
display: block;
}
}
&__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;
}
&__type-filters-tabs {
display: flex;
width: 100%;
max-width: 1200px;
margin: 0 auto;
@media screen and (max-width:895px) {
max-width: 580px;
}
}
@media (min-width:895px) and (max-width:1190px) {
&__title-text,
&__type-filters-tabs {
max-width: 900px;
}
}
}

1
app/javascript/gabsocial/features/search/components/header/index.js Normal file
View File

@@ -0,0 +1 @@
export { default } from './header';