#5 Begin styling MetadataEditView

hyperstudio · Jul 31, 2020 · ed73743 · ed73743
1 parent 48cb2df
commit ed73743
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 8 deletions.
diff --git a/src/components/MetadataEditView/MetadataEditView.js b/src/components/MetadataEditView/MetadataEditView.js
@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import MetadataRow from '../_library/MetadataRow';
 import Fieldset from '../_library/Fieldset';
 import LoadingIndicator from '../LoadingIndicator';
-import NodeSidebar from '../NodeSidebar';
 import Errors from '../Errors';
 import { LoadingContainer } from '../LoadingIndicator/styles';
 import { Container, Content, ScrollContainer } from './styles';
@@ -20,16 +19,13 @@ DefaultValueComponent.propTypes = {
 const MetadataEditView = ({
 	data,
 	isLoading,
-	id,
-	itemType,
 	errors,
 }) => (
 	<Container>
 		<Errors errors={errors} />
 		<LoadingContainer isLoading={isLoading}>
 			<LoadingIndicator />
 		</LoadingContainer>
-		<NodeSidebar id={id} itemType={itemType} />
 		<ScrollContainer>
 			<Content>
 				{data.map(({ values, groupLabel }) => (

diff --git a/src/components/MetadataEditView/styles.js b/src/components/MetadataEditView/styles.js
@@ -8,10 +8,10 @@ export const Container = styled.div`
 `;
 
 export const ScrollContainer = styled.div`
-	padding-top: 3.5rem;
+	padding-top: 1rem;
 	height: calc(100vh - 7rem);
 	overflow-y: auto;
-	width: calc(100vw - 25rem);
+	width: calc(100vw);
 `;
 
 export const Content = styled.div`

diff --git a/src/pages/documentMetadataEdit/index.js b/src/pages/documentMetadataEdit/index.js
@@ -2,12 +2,10 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import MetadataEditView from '../../components/MetadataEditView';
 import Header from '../../components/Header';
-import NodeHeader from '../../components/NodeHeader';
 
 const DocumentMetadataEditPage = ({ match }) => (
 	<>
 		<Header />
-		<NodeHeader id={match.params.id} itemType="document" />
 		<MetadataEditView id={match.params.id} itemType="document" />
 	</>
 );