Swapped Icons, site description removed + navbar uppercase. Box shadow fix.
This commit is contained in:
parent
585e7dada3
commit
7e51a56388
5 changed files with 21 additions and 3 deletions
|
@ -64,6 +64,14 @@
|
||||||
&.closed {
|
&.closed {
|
||||||
box-shadow: none;
|
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 {
|
.asset-information-wrap {
|
||||||
|
|
|
@ -1,10 +1,17 @@
|
||||||
.nav-bar {
|
.nav-bar {
|
||||||
padding-left: $primary-padding;
|
padding-left: $primary-padding;
|
||||||
padding-right: $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;
|
// border-bottom: 0.5px solid $tertiary-color;
|
||||||
.select--arrow {
|
.select--arrow {
|
||||||
padding: 0 1.5em 0 $input-padding;
|
padding: 0 1.5em 0 $input-padding;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -12,6 +19,7 @@
|
||||||
padding: calc(1em - 2px);
|
padding: calc(1em - 2px);
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-bar-logo {
|
.nav-bar-logo {
|
||||||
|
@ -25,6 +33,7 @@
|
||||||
padding-bottom: calc(1em - 2px);
|
padding-bottom: calc(1em - 2px);
|
||||||
padding-left: 1em;
|
padding-left: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: $break-point-small ) {
|
@media (max-width: $break-point-small ) {
|
||||||
|
@ -35,3 +44,5 @@
|
||||||
padding-left: 0.5em;
|
padding-left: 0.5em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -10,7 +10,6 @@ class NavBar extends React.Component {
|
||||||
<div className={'nav-bar'}>
|
<div className={'nav-bar'}>
|
||||||
<SpaceBetween >
|
<SpaceBetween >
|
||||||
<Logo />
|
<Logo />
|
||||||
<SiteDescription />
|
|
||||||
<NavigationLinks />
|
<NavigationLinks />
|
||||||
</SpaceBetween>
|
</SpaceBetween>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -19,7 +19,7 @@ class VerticalCollapsibleSplit extends React.Component {
|
||||||
<div className='visible-content' data-name={this.props.name}>
|
<div className='visible-content' data-name={this.props.name}>
|
||||||
{this.props.top}
|
{this.props.top}
|
||||||
<button className='collapse-button' onClick={this.collapse}>
|
<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>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div className='collapse-content' data-name={this.props.name}>
|
<div className='collapse-content' data-name={this.props.name}>
|
||||||
|
|
Loading…
Reference in a new issue