mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-16 19:21:52 +00:00
update new icon and design
This commit is contained in:
@@ -33,9 +33,8 @@ var PlanetHeader = React.createClass({
|
|||||||
return (
|
return (
|
||||||
<div onClick={this.interceptClick} className='PlanetHeader'>
|
<div onClick={this.interceptClick} className='PlanetHeader'>
|
||||||
<div className='headerLabel'>
|
<div className='headerLabel'>
|
||||||
<span className='userName'>{currentUserName}</span><br/>
|
|
||||||
<span className='divider'>/</span>
|
|
||||||
<span className='planetName'>{currentPlanetName}</span>
|
<span className='planetName'>{currentPlanetName}</span>
|
||||||
|
<span className='userName'>{currentUserName}</span><br/>
|
||||||
<button className={'menuBtn'}>
|
<button className={'menuBtn'}>
|
||||||
<i className='fa fa-gears'></i>
|
<i className='fa fa-gears'></i>
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 KiB After Width: | Height: | Size: 5.5 KiB |
@@ -28,28 +28,28 @@
|
|||||||
.userName
|
.userName
|
||||||
position absolute
|
position absolute
|
||||||
left 15px
|
left 15px
|
||||||
top 5px
|
top 40px
|
||||||
font-size 1.2em
|
width 140px
|
||||||
color brandColor
|
font-size 1em
|
||||||
.divider
|
color textColor
|
||||||
position absolute
|
&:hover
|
||||||
top 25px
|
color darken(lightButtonColor, 50%)
|
||||||
left 15px
|
|
||||||
font-size 2em
|
|
||||||
.planetName
|
.planetName
|
||||||
position absolute
|
position absolute
|
||||||
top 28px
|
top 5px
|
||||||
left 30px
|
left 10px
|
||||||
width 130px
|
width 145px
|
||||||
font-size 1.5em
|
font-size 1.6em
|
||||||
color brandColor
|
color brandColor
|
||||||
overflow-x hidden
|
overflow-x hidden
|
||||||
text-overflow ellipsis
|
text-overflow ellipsis
|
||||||
white-space nowrap
|
white-space nowrap
|
||||||
|
&:hover
|
||||||
|
color darken(brandBorderColor, 30%)
|
||||||
.menuBtn
|
.menuBtn
|
||||||
position absolute
|
position absolute
|
||||||
top 10px
|
top 10px
|
||||||
right 0
|
right 5px
|
||||||
font-size 1em
|
font-size 1em
|
||||||
color lightButtonColor
|
color lightButtonColor
|
||||||
border none
|
border none
|
||||||
@@ -69,7 +69,7 @@
|
|||||||
border-color darken(lightButtonColor, 50%)
|
border-color darken(lightButtonColor, 50%)
|
||||||
color darken(lightButtonColor, 50%)
|
color darken(lightButtonColor, 50%)
|
||||||
&:active, &.active
|
&:active, &.active
|
||||||
border-color darken(brandBorderColor, 10%)
|
border-color darken(brandBorderColor, 30%)
|
||||||
background-color brandColor
|
background-color brandColor
|
||||||
color white
|
color white
|
||||||
.headerControl
|
.headerControl
|
||||||
@@ -78,7 +78,7 @@
|
|||||||
.searchInput
|
.searchInput
|
||||||
display block
|
display block
|
||||||
position absolute
|
position absolute
|
||||||
top 14px
|
top 16px
|
||||||
left 0
|
left 0
|
||||||
input
|
input
|
||||||
padding-left 32px
|
padding-left 32px
|
||||||
@@ -152,6 +152,7 @@
|
|||||||
color lighten(textColor, 25%)
|
color lighten(textColor, 25%)
|
||||||
font-size 0.8em
|
font-size 0.8em
|
||||||
.description, .content
|
.description, .content
|
||||||
|
line-height 120%
|
||||||
margin 10px 0 15px
|
margin 10px 0 15px
|
||||||
&:hover, &.hover
|
&:hover, &.hover
|
||||||
background-color hoverBackgroundColor
|
background-color hoverBackgroundColor
|
||||||
|
|||||||
Reference in New Issue
Block a user