public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-16 03:06:27 +00:00
Code Issues Releases Wiki Activity

on Refactoring...

Browse Source
This commit is contained in:
Rokt33r
2015-08-17 01:10:08 +09:00
parent 932997259f
commit 23b8b49c00
59 changed files with 1960 additions and 2179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
browser/styles/main/containers/LoginContainer.styl
View File

@@ -1,4 +1,4 @@
.LoginContainer, .RegisterContainer
.LoginContainer, .SignupContainer
margin 0 auto
padding 25px 15px
box-sizing border-box
@@ -58,6 +58,9 @@
margin-top 15px
margin-bottom 15px
height 44px
padding 5px
border-radius 10px
line-height 44px
text-align center
.alertInfo
alertInfo()

113
browser/styles/main/containers/PlanetContainer.styl
View File

@@ -1,6 +1,8 @@
navigationWidth= 200px
articleListWidth= 275px
.PlanetContainer
absolute top bottom right
left 55px
absolute top bottom right left
.tags
white-space: nowrap;
overflow-x: auto;
@@ -8,6 +10,7 @@
margin 0 2px
text-decoration underline
cursor pointer
font-size 0.9em
&.noTag
color inactiveTextColor
font-size 0.8em
@@ -26,7 +29,7 @@
absolute top left bottom
overflow hidden
display inline-block
width 200px
width navigationWidth
.userName
position absolute
left 15px
@@ -67,7 +70,7 @@
.headerControl
noSelect()
absolute top bottom right
left 200px
left navigationWidth
.searchInput
display block
position absolute
@@ -81,32 +84,36 @@
top 8px
left 12px
color inactiveTextColor
.refreshButton, .settingButton
.refreshButton
display block
position absolute
top 12px
font-size em
btnDefault()
box-sizing border-box
circle()
right 55px
width 28px
height 28px
btnDefault()
circle()
text-align center
cursor pointer
transition 0.1s
&:focus, &.focus
outline none
.refreshButton
right 45px
.settingButton
.logo
display block
position absolute
top 4px
right 10px
cursor pointer
transition 0.1s
opacity 0.9
&:hover, &.hover
opacity 1
.PlanetNavigator
absolute bottom left
noSelect()
top 55px
width 200px
width navigationWidth
border-right solid 1px highlightenBorderColor
padding 10px
box-sizing border-box
@@ -127,44 +134,12 @@
transition 0.1s
btnDefault()
border none
.usersLabel
margin-top 35px
margin-bottom 5px
.users
li
width 44px
height 44px
float left
margin 3px
line-height 44px
.userPhoto
circle()
width 44px
height 44px
box-shadow 1px 1px 4px 0px #C5C5C5
.userTooltip
position absolute
z-index 500
background-color transparentify(invBackgroundColor, 80%)
color invTextColor
padding 10px
line-height 1em
border-radius 5px
margin-top -15px
opacity 0
transition 0.1s
pointer-events none
&:hover .userTooltip
opacity 1
&.addUserButton
circle()
.PlanetArticleList
absolute bottom right
left 200px
left navigationWidth
top 55px
width 250px
width articleListWidth
border-right solid 1px highlightenBorderColor
&>ul
@@ -177,22 +152,28 @@
padding 10px
cursor pointer
transition 0.1s
.itemHeader
clearfix()
margin-bottom 15px
.callSign, .title
clearfix()
.itemLeft
float left
font-weight 600
font-size 1.1em
line-height 140%
.updatedAt
float right
line-height 16px
color lighten(textColor, 25%)
font-size 0.8em
.description
line-height 120%
margin-bottom 15px
width 25px
text-align center
.profileImage
margin-bottom 5px
.fa
line-height 25px
.itemRight
float left
width 225px
overflow-x hidden
padding-left 10px
.updatedAt
margin-bottom 10px
color lighten(textColor, 25%)
font-size 0.7em
.description
line-height 120%
margin-bottom 15px
font-size 1em
&:hover, &.hover
background-color hoverBackgroundColor
&:active, &.active
@@ -205,7 +186,7 @@
.PlanetArticleDetail
absolute right bottom
top 55px
left 450px
left navigationWidth + articleListWidth
&>.viewer-header
height 44px
line-height 44px
@@ -223,7 +204,7 @@
absolute bottom right
left 1px
top 44px
&.snippetDetail>.viewer-body
&.codeDetail>.viewer-body
.viewer-detail
border-bottom solid 1px borderColor
height 150px
@@ -243,7 +224,7 @@
absolute left right
top 155px
bottom 5px
&.blueprintDetail>.viewer-body
&.noteDetail>.viewer-body
.tags
absolute top
left 15px

141
browser/styles/main/containers/UserContainer.styl
View File

@@ -1,12 +1,12 @@
.UserContainer
.UserNavigator
.HomeContainer
.HomeNavigator
background-color planetNavBgColor
absolute left top bottom
width 55px
text-align center
box-sizing border-box
border-right solid 1px borderColor
.userProfile
.profileButton
display block
width 55px
height 55px
@@ -17,12 +17,87 @@
padding 0
cursor pointer
box-sizing border-box
border none
img
transition 0.1s
opacity 0.9
&.vivid.active, &.focus, &:focus, &.hover, &:hover
img
opacity 1
.profilePopup
position fixed
left 35px
top 35px
z-index popupZIndex
width 200px
background-color backgroundColor
box-shadow popupShadow
border-radius 10px
padding 10px 0 0px
&.close
display none
.profileGroup
margin-bottom 10px
.profileGroupLabel
text-align left
height 1em
padding 0 15px
span
position absolute
z-index 2
background-color backgroundColor
padding-right 5px
color inactiveTextColor
font-size 0.8em
&::before
content ''
position absolute
display block
z-index 1
height 0.5em
width 175px
border-bottom solid 1px borderColor
.profileGroupList
li
clearfix()
&:hover
background-color hoverBackgroundColor
.userName
float left
width 155px
padding 10px 15px
text-align left
display block
text-decoration none
cursor pointer
.userSetting
float right
display block
padding 10px 0
width 45px
cursor pointer
.createNewTeam
btnStripDefault()
width 100%
padding 10px 20px
font-size 1em
cursor pointer
text-align left
.controlGroup
list-style none
border-top solid 1px borderColor
padding 10px 0
li
&:hover
background-color hoverBackgroundColor
button
btnStripDefault()
width 100%
padding 10px 20px
font-size 1em
cursor pointer
text-align left
ul.planetList>li
margin 15px 0
.shortCut
@@ -91,29 +166,57 @@
border-color darken(brandBorderColor, 10%)
background-color brandColor
color white
.UserHome
.UserContainer
absolute top bottom right
left 55px
box-sizing border-box
padding 15px
h1
margin 15px 0
.userProfile
absolute top left right
padding 15px
border-bottom solid 1px borderColor
height 125px
clearfix()
.userPhoto
circle()
float left
margin 25px
.userIntro
margin 5px 15px 15px
.userInfo
float left
margin-top 25px
margin-top 15px
.userProfileName
font-size 2em
margin-bottom 15px
.userName
font-size 1.5em
.userPlanetList
padding-left 20px
li
font-size 1.3em
margin 10px
color brandColor
margin-bottom 10px
.userName
font-size 1.1em
.editProfileButton
float right
btnDefault()
margin-top 25px
padding 10px 15px
border-radius 5px
.teamList
absolute left bottom
top 125px
width 200px
padding 15px
border-right solid 1px borderColor
overflow-y auto
.teamLabel
font-size 1.2em
margin-bottom 15px
.planetList
absolute right bottom
top 125px
left 200px
padding 15px
overflow-y auto
.planetLabel
font-size 1.2em
margin-bottom 25px
.planetGroup
margin-left 15px
.planetGroupLabel
font-size 1.1em
margin-bottom 15px
.planets
margin-left 15px

13
browser/styles/main/index.styl
View File

@@ -6,10 +6,19 @@ global-reset()
@import './components/*'
@import './containers/*'
html, body
width 100%
height 100%
overflow hidden
body
font-family "Lato"
color textColor
font-size fontSize
font-weight 400
div, span, a, button, input
box-sizing border-box
h1
font-size 2em
@@ -33,9 +42,11 @@ a
hr
border-top none
border-bottom solid 1px borderColor
margin 25px 0
margin 15px 0
button
font-weight 400
cursor pointer
&:focus, &.focus
outline none