1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 09:46:22 +00:00

revive articledetail

This commit is contained in:
Rokt33r
2015-10-13 16:09:37 +09:00
parent 5356e68b51
commit e5e8032ba1
16 changed files with 354 additions and 135 deletions

View File

@@ -5,6 +5,9 @@ noTagsColor = #999
top 60px
left 510px
padding 10px
background-color #E6E6E6
border-top 1px solid borderColor
border-left 1px solid borderColor
*
-webkit-user-select all
.detailInfo

View File

@@ -6,65 +6,65 @@ articleItemColor = #777
top 60px
left 260px
width 250px
border-right solid 1px highlightenBorderColor
&>ul
absolute top bottom left right
overflow-y auto
noSelect()
li
.articleItem
border solid 2px transparent
position relative
height 88px
width 100%
cursor pointer
transition 0.1s
background-color white
padding 0 10px
font-size 12px
.top
clearfix()
border-top 1px solid borderColor
border-right 4px solid #E6E6E6
overflow-y auto
noSelect()
&>div
border-right 1px solid borderColor
.articleItem
border solid 2px transparent
position relative
height 88px
width 100%
cursor pointer
transition 0.1s
background-color white
padding 0 10px
font-size 12px
.top
clearfix()
line-height 20px
padding 5px 0
color articleItemColor
.profileImage
vertical-align middle
.updatedAt
float right
line-height 20px
padding 5px 0
.middle
clearfix()
padding 3px 0 7px
font-size 16px
.mode
float left
font-size 12px
line-height 16px
.title
float left
overflow ellipsis
padding 0 5px
.bottom
padding 5px 0
overflow-x auto
white-space nowrap
.tags
color articleItemColor
.profileImage
vertical-align middle
.updatedAt
float right
line-height 20px
.middle
clearfix()
padding 3px 0 7px
font-size 16px
.mode
float left
font-size 12px
line-height 16px
.title
float left
overflow ellipsis
padding 0 5px
.bottom
padding 5px 0
overflow-x auto
white-space nowrap
.tags
color articleItemColor
a
background-color brandColor
color white
border-radius 2px
padding 1.5px 5px
margin 2px
font-size 10px
opacity 0.8
&:hover
opacity 1
&:hover, &.hover
background-color articleItemHoverBgColor
&:active, &.active
background-color white
a
background-color brandColor
color white
border-radius 2px
padding 1.5px 5px
margin 2px
font-size 10px
opacity 0.8
&:hover
opacity 1
&:hover, &.hover
background-color articleItemHoverBgColor
&:active, &.active
border-color brandBorderColor
.divider
border-bottom solid 1px borderColor
background-color white
&:active, &.active
border-color brandBorderColor
.divider
border-bottom solid 1px borderColor

View File

@@ -5,6 +5,7 @@ articleNavBgColor = #353535
absolute top bottom
left 60px
width 200px
border-right 1px solid borderColor
color white
.userInfo
height 60px
@@ -48,7 +49,7 @@ articleNavBgColor = #353535
.header
border-bottom 1px solid borderColor
padding-bottom 5px
margin-bottom 5px
margin-bottom 10px
clearfix()
.title
float left
@@ -75,8 +76,8 @@ articleNavBgColor = #353535
.folders
margin-bottom 15px
.folderList button
height 44px
width 200px
height 33px
width 199px
border none
text-align left
font-size 14px