Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-09 00:18:00 +01:00
Code Issues Projects Releases Wiki Activity

mobile view fixes

Browse Source
This commit is contained in:
sveisvei 2016-12-22 10:43:13 +01:00
parent f44ac5c30c
commit 4f363a7aa0
3 changed files with 6 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/component/app.jsx
View File

@ -57,6 +57,9 @@ export default class App extends Component {
} }
getSections () { getSections () {
if (window.innerWidth < 768) {
return [base];
}
const { routes, params } = this.props; const { routes, params } = this.props;
const unique = {}; const unique = {};
let result = [base].concat(routes.splice(1).map((routeEntry) => ({ let result = [base].concat(routes.splice(1).map((routeEntry) => ({
@ -76,10 +79,6 @@ export default class App extends Component {
.reverse() .reverse()
.join(' - '); .join(' - ');
if (result.length > 2) {
result = result.splice(1);
}
return result; return result;
} }

10
frontend/src/component/feature/feature-list-item-component.jsx
View File

@ -43,20 +43,14 @@ const Feature = ({
<Switch title="test" key="left-actions" onChange={() => onFeatureClick(feature)} checked={enabled} /> <Switch title="test" key="left-actions" onChange={() => onFeatureClick(feature)} checked={enabled} />
</span> </span>
<Link to={`/features/view/${name}`} className={style.link}> <Link to={`/features/view/${name}`} className={style.link}>
{name} <small>{shorten(description, 30) || ''}</small> {name} <small className={style.hideLt960}>{shorten(description, 30) || ''}</small>
</Link> </Link>
</span> </span>
<span className={style.iconList} > <span className={style.iconList} >
{strategies && strategies.map((s, i) => <Chip className={style.iconListItemChip} key={i}> {strategies && strategies.map((s, i) => <Chip className={[style.iconListItemChip, style.hideLt960].join(' ')} key={i}>
<small>{s.name}</small> <small>{s.name}</small>
</Chip>)} </Chip>)}
<Link to={`/features/edit/${name}`} title={`Edit ${name}`} className={style.iconListItem}>
<IconButton name="edit" />
</Link>
<Link to={`features/history/${name}`} title={`History htmlFor ${name}`} className={style.iconListItem}>
<IconButton name="history" />
</Link>
<IconButton name="delete" onClick={() => onFeatureRemove(name)} className={style.iconListItem} /> <IconButton name="delete" onClick={() => onFeatureRemove(name)} className={style.iconListItem} />
</span> </span>

2
frontend/src/component/feature/feature.scss
View File

@ -61,7 +61,7 @@
} }
@media (max-width: 960px) { @media (max-width: 960px) {
.iconListItemChip { .hideLt960 {
display: none; display: none;
} }
} }