1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-16 03:06:27 +00:00

update new icon and design

This commit is contained in:
Rokt33r
2015-07-20 03:19:17 +09:00
parent 6140e93cc8
commit 03918527f6
4 changed files with 17 additions and 17 deletions

View File

@@ -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

View File

@@ -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