mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 09:46:22 +00:00
revive articledetail
This commit is contained in:
@@ -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
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user