1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 09:46:22 +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 (
<div onClick={this.interceptClick} className='PlanetHeader'>
<div className='headerLabel'>
<span className='userName'>{currentUserName}</span><br/>
<span className='divider'>/</span>
<span className='planetName'>{currentPlanetName}</span>
<span className='userName'>{currentUserName}</span><br/>
<button className={'menuBtn'}>
<i className='fa fa-gears'></i>
</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
position absolute
left 15px
top 5px
font-size 1.2em
color brandColor
.divider
position absolute
top 25px
left 15px
font-size 2em
top 40px
width 140px
font-size 1em
color textColor
&:hover
color darken(lightButtonColor, 50%)
.planetName
position absolute
top 28px
left 30px
width 130px
font-size 1.5em
top 5px
left 10px
width 145px
font-size 1.6em
color brandColor
overflow-x hidden
text-overflow ellipsis
white-space nowrap
&:hover
color darken(brandBorderColor, 30%)
.menuBtn
position absolute
top 10px
right 0
right 5px
font-size 1em
color lightButtonColor
border none
@@ -69,7 +69,7 @@
border-color darken(lightButtonColor, 50%)
color darken(lightButtonColor, 50%)
&:active, &.active
border-color darken(brandBorderColor, 10%)
border-color darken(brandBorderColor, 30%)
background-color brandColor
color white
.headerControl
@@ -78,7 +78,7 @@
.searchInput
display block
position absolute
top 14px
top 16px
left 0
input
padding-left 32px
@@ -152,6 +152,7 @@
color lighten(textColor, 25%)
font-size 0.8em
.description, .content
line-height 120%
margin 10px 0 15px
&:hover, &.hover
background-color hoverBackgroundColor