Swapped Icons, site description removed + navbar uppercase. Box shadow fix.

This commit is contained in:
Minesh Mitha 2018-10-22 23:23:18 +01:00
parent 585e7dada3
commit 7e51a56388
5 changed files with 21 additions and 3 deletions

View file

@ -64,6 +64,14 @@
&.closed {
box-shadow: none;
}
&:before{
content: '';
width: 100%;
height: 100px;
position: absolute;
z-index: 100;
box-shadow: inset 0px 2px 3px 2px rgba(169, 173, 186, 0.2);
}
}
.asset-information-wrap {

View file

@ -1,10 +1,17 @@
.nav-bar {
padding-left: $primary-padding;
padding-right: $primary-padding;
@media (max-width: $break-point-phone) {
padding-left: 15px;
padding-right: 15px;
}
// border-bottom: 0.5px solid $tertiary-color;
.select--arrow {
padding: 0 1.5em 0 $input-padding;
font-size: 14px;
text-transform: uppercase;
}
}
@ -12,6 +19,7 @@
padding: calc(1em - 2px);
display: inline-block;
font-size: 14px;
text-transform: uppercase;
}
.nav-bar-logo {
@ -25,6 +33,7 @@
padding-bottom: calc(1em - 2px);
padding-left: 1em;
}
}
@media (max-width: $break-point-small ) {
@ -35,3 +44,5 @@
padding-left: 0.5em;
}
}

View file

@ -10,7 +10,6 @@ class NavBar extends React.Component {
<div className={'nav-bar'}>
<SpaceBetween >
<Logo />
<SiteDescription />
<NavigationLinks />
</SpaceBetween>
</div>

View file

@ -19,7 +19,7 @@ class VerticalCollapsibleSplit extends React.Component {
<div className='visible-content' data-name={this.props.name}>
{this.props.top}
<button className='collapse-button' onClick={this.collapse}>
{this.state.closed ? <Icon.MinusCircle /> : <Icon.PlusCircle className='plus-icon' /> }
{this.state.closed ? <Icon.PlusCircle className='plus-icon' /> : <Icon.MinusCircle /> }
</button>
</div>
<div className='collapse-content' data-name={this.props.name}>

View file

@ -11,7 +11,7 @@ import * as Icon from 'react-feather';
class AssetInfo extends React.Component {
render () {
const { asset: { shortId, claimData : { channelName, certificateId, description, name, claimId, fileExt, contentType, thumbnail, host } } } = this.props;
const { asset: { shortId, claimData: { channelName, certificateId, description, name, claimId, fileExt, contentType, thumbnail, host } } } = this.props;
return (
<div className='asset-information-wrap'>
<HorizontalSplit