Skip to content
This repository has been archived by the owner on Jun 5, 2020. It is now read-only.

Fixed action preview header on the top #46

Merged
merged 2 commits into from Nov 18, 2016
Merged

Fixed action preview header on the top #46

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
8d279f4
Fixed action preview header on the top
jhen0409 Oct 15, 2016
e2d4981
Fix tab content height
jhen0409 Oct 19, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
1 change: 1 addition & 0 deletions demo/src/js/index.js
View file
Open in desktop
Expand Up @@ -19,6 +19,7 @@ const CustomComponent = () =>
alignItems: 'center',
justifyContent: 'center',
width: '100%',
height: '100%',
minHeight: '20rem'
}}>
<div>Custom Tab Content</div>
Expand Down
15 changes: 11 additions & 4 deletions src/utils/createStylingFromTheme.js
View file
Open in desktop
Expand Up @@ -180,8 +180,11 @@ const getSheetFromColorMap = map => ({
},

actionPreview: {
flex: 1,
display: 'flex',
'flex-direction': 'column',
'flex-grow': 1,
'overflow-y': 'auto',
'overflow-y': 'hidden',

'& pre': {
border: 'inherit',
Expand All @@ -193,6 +196,11 @@ const getSheetFromColorMap = map => ({
'background-color': map.BACKGROUND_COLOR,
},

actionPreviewContent: {
flex: 1,
'overflow-y': 'auto'
},

stateDiff: {
padding: '5px 0'
},
Expand Down Expand Up @@ -249,11 +257,11 @@ const getSheetFromColorMap = map => ({
},

previewHeader: {
flex: '0 0 30px',
padding: '5px 10px',
'align-items': 'center',
'border-bottom-width': '1px',
'border-bottom-style': 'solid',
'min-height': '30px',

'background-color': map.HEADER_BACKGROUND_COLOR,
'border-bottom-color': map.HEADER_BORDER_COLOR
Expand All @@ -263,8 +271,7 @@ const getSheetFromColorMap = map => ({
position: 'relative',
'z-index': 1,
display: 'inline-flex',
float: 'right',
'margin-bottom': '5px'
float: 'right'
},

selectorButton: {
Expand Down