Components now wrap a "StyledComponent" version, which in turn renders a Bootstrap+Styled-Component implementation
(ie. Button wraps StyledButton which returns styled(React-Bootstrap.Button)
Bootstrap properties can be passed down (for instance ButtonbsStyle="primary" carries all the way down),
Conditional styling can be done in the StyledComponents based off props passed into it, in the form of border: ${props => props['data-myprop'] ? '1px solid red' : '1px solid green'}.
Additional handling of styling can be done in the StyledComponents, once we figure out layout guidelines.
Changes since last time this PR was up
[x] Elements distribution in page - basic grid structure through Bootstrap+Styled-Component. Unlike components that would contain implementation and style (such as Button), Grid elements are solely stylistic, so no custom wrapper for StyledElement was created
[x] map styling - not done with CSS, but rather through style property on the map object, so doesn't follow the Bootstrap+Styled-Component approach. See comments in code for more details.
Pending
[ ] route buttons styling - Dependency - determination of links x onClick handlers for route changing
Components now wrap a "StyledComponent" version, which in turn renders a Bootstrap+Styled-Component implementation (ie. Button wraps StyledButton which returns styled(React-Bootstrap.Button)
Bootstrap properties can be passed down (for instance Button
bsStyle="primary"
carries all the way down), Conditional styling can be done in the StyledComponents based off props passed into it, in the form ofborder: ${props => props['data-myprop'] ? '1px solid red' : '1px solid green'}
. Additional handling of styling can be done in the StyledComponents, once we figure out layout guidelines.Changes since last time this PR was up
Pending
WishList