{
- this.props.building != undefined ?
-
- :
- :
{props.intro}
-
diff --git a/app/src/frontend/building/data-containers/like.tsx b/app/src/frontend/building/data-containers/like.tsx
index 952bb033..0a366bdb 100644
--- a/app/src/frontend/building/data-containers/like.tsx
+++ b/app/src/frontend/building/data-containers/like.tsx
@@ -2,17 +2,18 @@ import React, { Fragment } from 'react';
import withCopyEdit from '../data-container';
import LikeDataEntry from '../data-components/like-data-entry';
+import { CategoryViewProps } from './category-view-props';
/**
* Like view/edit section
*/
-const LikeView = (props) => (
+const LikeView: React.FunctionComponent
{props.intro}
-
diff --git a/app/src/frontend/building/data-containers/sustainability.tsx b/app/src/frontend/building/data-containers/sustainability.tsx
index 1584d2cf..6b719b07 100644
--- a/app/src/frontend/building/data-containers/sustainability.tsx
+++ b/app/src/frontend/building/data-containers/sustainability.tsx
@@ -5,6 +5,7 @@ import DataEntry from '../data-components/data-entry';
import SelectDataEntry from '../data-components/select-data-entry';
import NumericDataEntry from '../data-components/numeric-data-entry';
import { dataFields } from '../../data_fields';
+import { CategoryViewProps } from './category-view-props';
const EnergyCategoryOptions = ["A", "B", "C", "D", "E", "F", "G"];
const BreeamRatingOptions = [
@@ -18,12 +19,7 @@ const BreeamRatingOptions = [
/**
* Sustainability view/edit section
*/
-const SustainabilityView = (props) => {
- const dataEntryProps = {
- mode: props.mode,
- copy: props.copy,
- onChange: props.onChange
- };
+const SustainabilityView: React.FunctionComponent
{props.intro}
-
diff --git a/app/src/frontend/building/data-containers/type.tsx b/app/src/frontend/building/data-containers/type.tsx
index 8b67cce7..d8aaf269 100644
--- a/app/src/frontend/building/data-containers/type.tsx
+++ b/app/src/frontend/building/data-containers/type.tsx
@@ -5,6 +5,7 @@ import SelectDataEntry from '../data-components/select-data-entry';
import NumericDataEntry from '../data-components/numeric-data-entry';
import DataEntry from '../data-components/data-entry';
import { dataFields } from '../../data_fields';
+import { CategoryViewProps } from './category-view-props';
const AttachmentFormOptions = [
"Detached",
@@ -16,10 +17,7 @@ const AttachmentFormOptions = [
/**
* Type view/edit section
*/
-const TypeView = (props) => {
- const {mode, copy, onChange} = props;
- const dataEntryProps = { mode, copy, onChange };
-
+const TypeView: React.FunctionComponent
{props.intro}
-
diff --git a/app/src/frontend/building/sidebar.css b/app/src/frontend/building/sidebar.css
index 499e38ee..80380f3c 100644
--- a/app/src/frontend/building/sidebar.css
+++ b/app/src/frontend/building/sidebar.css
@@ -5,7 +5,7 @@
order: 1;
padding: 0 0 2em;
background: #fff;
- overflow-y: scroll;
+ overflow-y: auto;
height: 40%;
}
@@ -27,6 +27,14 @@
text-decoration: none;
color: #222;
padding: 0.75rem 0.25rem 0.5rem 0;
+ z-index: 1000;
+}
+
+@media (min-width: 768px) {
+ .section-header {
+ position: sticky;
+ top: 0;
+ }
}
.section-header h2,
.section-header .icon-buttons {
@@ -133,6 +141,11 @@
/**
* Data list sections
*/
+
+ .section-body {
+ margin-top: 0.75em;
+ padding: 0 0.75em;
+ }
.data-section .h3 {
margin: 0;
}
@@ -156,9 +169,7 @@
padding-left: 0.75rem;
padding-right: 0.75rem;
}
-.data-section form {
- padding: 0 0.75rem;
-}
+
.data-list a {
color: #555;
}
diff --git a/app/src/frontend/components/logo.tsx b/app/src/frontend/components/logo.tsx
index f842e3d7..1b574183 100644
--- a/app/src/frontend/components/logo.tsx
+++ b/app/src/frontend/components/logo.tsx
@@ -26,22 +26,22 @@ const Logo: React.FunctionComponent
-
-
-
-
+
+
+
+
-
-
-
-
+
+
+
+
-
-
-
-
+
+
+
+