coop-cloud-chaos-patchs/outline
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fixes: Minor layout issue in settings sidebar header

Browse Source
This commit is contained in:
Tom Moor
2018-05-20 20:21:39 -07:00
parent 6222d210be
commit 05339441e7
3 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/Sidebar/Settings.js
View File

@ -29,7 +29,7 @@ class SettingsSidebar extends React.Component<Props> {
return ( return (
<Sidebar> <Sidebar>
<HeaderBlock <HeaderBlock
subheading="◄ Return to Dashboard" subheading="◄ Return to App"
teamName={team.name} teamName={team.name}
logoUrl={team.avatarUrl} logoUrl={team.avatarUrl}
onClick={this.returnToDashboard} onClick={this.returnToDashboard}

9
app/components/Sidebar/components/HeaderBlock.js
View File

@ -35,9 +35,9 @@ function HeaderBlock({
} }
const StyledExpandedIcon = styled(ExpandedIcon)` const StyledExpandedIcon = styled(ExpandedIcon)`
position: relative; position: absolute;
top: 6px; right: 0;
left: -4px; top: 0;
`; `;
const Subheading = styled.div` const Subheading = styled.div`
@ -49,8 +49,9 @@ const Subheading = styled.div`
`; `;
const TeamName = styled.div` const TeamName = styled.div`
position: relative;
padding-left: 10px; padding-left: 10px;
margin-top: ${props => (props.showDisclosure ? '-8px' : '0')}; padding-right: 24px;
font-weight: 600; font-weight: 600;
color: ${color.text}; color: ${color.text};
text-decoration: none; text-decoration: none;

3
app/components/Sidebar/components/SidebarLink.js
View File

@ -59,7 +59,6 @@ type Props = {
active?: boolean, active?: boolean,
}; };
@withRouter
@observer @observer
class SidebarLink extends React.Component<Props> { class SidebarLink extends React.Component<Props> {
@observable expanded: boolean = false; @observable expanded: boolean = false;
@ -158,4 +157,4 @@ const Content = styled.div`
width: 100%; width: 100%;
`; `;
export default SidebarLink; export default withRouter(SidebarLink);