mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 09:46:22 +00:00
set style to articlenavigator
This commit is contained in:
@@ -5,3 +5,99 @@ articleNavBgColor = #353535
|
||||
absolute top bottom
|
||||
left 60px
|
||||
width 200px
|
||||
color white
|
||||
.userInfo
|
||||
height 60px
|
||||
display block
|
||||
border-bottom 1px solid borderColor
|
||||
.userProfileName
|
||||
color brandColor
|
||||
font-size 28px
|
||||
padding 6px 0 0 10px
|
||||
.userName
|
||||
color white
|
||||
padding-left 20px
|
||||
margin-top 3px
|
||||
.settingBtn
|
||||
width 22px
|
||||
height 22px
|
||||
line-height 22px
|
||||
border-radius 11px
|
||||
position absolute
|
||||
top 19px
|
||||
right 14px
|
||||
color white
|
||||
padding 0
|
||||
background-color transparent
|
||||
border 1px solid white
|
||||
&:active
|
||||
background-color brandColor
|
||||
border-color brandColor
|
||||
.controlSection
|
||||
height 88px
|
||||
padding 22px 15px
|
||||
.newPostBtn
|
||||
border none
|
||||
background-color brandColor
|
||||
color white
|
||||
height 44px
|
||||
width 170px
|
||||
border-radius 5px
|
||||
font-size 20px
|
||||
.folders, .members
|
||||
.header
|
||||
border-bottom 1px solid borderColor
|
||||
padding-bottom 5px
|
||||
margin-bottom 5px
|
||||
clearfix()
|
||||
.title
|
||||
float left
|
||||
padding-left 10px
|
||||
font-size 18px
|
||||
line-height 22px
|
||||
.addBtn
|
||||
float right
|
||||
margin-right 15px
|
||||
width 22px
|
||||
height 22px
|
||||
font-size 10px
|
||||
padding 0
|
||||
line-height 22px
|
||||
border 1px solid white
|
||||
border-radius 11px
|
||||
background-color transparent
|
||||
color white
|
||||
padding 0
|
||||
font-weight bold
|
||||
&:active
|
||||
background-color brandColor
|
||||
border-color brandColor
|
||||
.folders
|
||||
margin-bottom 15px
|
||||
.folderList button
|
||||
height 44px
|
||||
width 200px
|
||||
border none
|
||||
text-align left
|
||||
font-size 14px
|
||||
background-color transparent
|
||||
color white
|
||||
padding-left 15px
|
||||
&:hover
|
||||
background-color transparentify(white, 5%)
|
||||
&.active, &:active
|
||||
background-color brandColor
|
||||
.members
|
||||
.memberList>div
|
||||
height 33px
|
||||
width 200px
|
||||
margin-bottom 5px
|
||||
padding-left 15px
|
||||
.memberImage
|
||||
float left
|
||||
margin-top 5.5px
|
||||
border-radius 11px
|
||||
.memberProfileName
|
||||
float left
|
||||
line-height 33px
|
||||
margin-left 7px
|
||||
|
||||
Reference in New Issue
Block a user