BlockStorage/repertory-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Layout changes

Browse Source
This commit is contained in:
sgraves76
2020-12-12 23:34:55 -06:00
parent 54bc306fb0
commit 21c17d7080
2 changed files with 51 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/containers/PinnedManager/PinnedManager.css
View File

@@ -1,22 +1,44 @@
.PinnedManager {
display: flex;
flex-direction: column;
height: 100%;
}
.PinnedManagerActiveDirectory {
margin-top: var(--default_spacing);
margin-bottom: var(--default_spacing);
padding: 2px;
width: calc(100% - 4px);
overflow: auto;
text-align: left;
border-radius: var(--border_radius);
background: var(--control_background);
}
.PinnedManagerOwner {
height: 70%;
padding: var(--default_spacing);
border-radius: var(--border_radius);
background: var(--control_background);
.PinnedManagerClose {
float: right;
flex: 0;
padding: 0;
margin-top: -4px;
box-sizing: border-box;
display: block;
}
.PinnedManagerHeading {
flex: 0;
}
.PinnedManagerItems {
height: 100%;
overflow-x: auto;
overflow-y: auto;
overflow: auto;
}
.PinnedManagerItemsOwner {
margin: 0;
padding: var(--default_spacing);
border-radius: var(--border_radius);
background: var(--control_background);
display: flex;
flex-direction: column;
flex: 1;
}

21
src/containers/PinnedManager/PinnedManager.js
View File

@@ -145,23 +145,19 @@ export default connect(mapStateToProps, mapDispatchToProps)(class extends IPCCon
padding: 'var(--default_spacing)',
width: 'calc(100vw - (var(--default_spacing) * 4)'
}}>
<div
style={{
float: 'right',
margin: 0,
padding: 0,
marginTop: '-4px',
boxSizing: 'border-box',
display: 'block'
}}>
<div className={'PinnedManager'}>
<div className={'PinnedManagerHeading'}>
<div className={'PinnedManagerClose'}>
<a href={'#'}
onClick={() => this.props.displayPinnedManager(false)}
style={{cursor: 'pointer'}}>X</a>
style={{cursor: 'pointer', flex: '0'}}>X</a>
</div>
<h1 style={{width: '100%', textAlign: 'center'}}>{'Pinned File Manager'}</h1>
<div className={'PinnedManagerActiveDirectory'}><b>&nbsp;{this.state.active_directory}</b>
<div className={'PinnedManagerActiveDirectory'}>
<b>&nbsp;{this.state.active_directory}</b>
</div>
<div className={'PinnedManagerOwner'}>
</div>
<div className={'PinnedManagerItemsOwner'}>
<div className={'PinnedManagerItems'}>
{
this.state.items.map((i, k) => {
@@ -172,6 +168,7 @@ export default connect(mapStateToProps, mapDispatchToProps)(class extends IPCCon
}
</div>
</div>
</div>
</Box>
)
}