mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-22 06:01:45 +00:00
Redesign SideNav & implement add repo func
This commit is contained in:
63
browser/main/HomePage/SideNav/SideNav.styl
Normal file
63
browser/main/HomePage/SideNav/SideNav.styl
Normal file
@@ -0,0 +1,63 @@
|
||||
$nav-border-color = #838383
|
||||
$nav-background-color = #353535
|
||||
|
||||
.root
|
||||
absolute top bottom left
|
||||
width 200px
|
||||
border-right solid 1px $nav-border-color
|
||||
background-color $nav-background-color
|
||||
|
||||
.menu
|
||||
margin-top 30px
|
||||
margin-bottom 15px
|
||||
|
||||
.menu-button
|
||||
height 33px
|
||||
padding 0 10px
|
||||
font-size 14px
|
||||
width 100%
|
||||
text-align left
|
||||
border none
|
||||
color white
|
||||
background-color transparent
|
||||
&:hover
|
||||
background-color alph(white, 0.1)
|
||||
&:active
|
||||
background-color $brand-color
|
||||
|
||||
.repositoryList
|
||||
absolute left right
|
||||
top 145px
|
||||
border-top solid 1px $nav-border-color
|
||||
|
||||
.control
|
||||
absolute bottom left right
|
||||
height 33px
|
||||
border-top solid 1px $nav-border-color
|
||||
|
||||
.control-newRepositoryButton
|
||||
absolute top bottom left
|
||||
width 167px
|
||||
padding 0 10px
|
||||
text-align left
|
||||
border-width 0 1px 0 0
|
||||
border-color $nav-border-color
|
||||
border-style solid
|
||||
color white
|
||||
background-color transparent
|
||||
&:hover
|
||||
background-color alph(white, 0.1)
|
||||
&:active
|
||||
background-color $brand-color
|
||||
|
||||
.control-toggleButton
|
||||
absolute top bottom right
|
||||
width 33px
|
||||
color white
|
||||
background-color transparent
|
||||
border none
|
||||
&:hover
|
||||
background-color alph(white, 0.1)
|
||||
&:active
|
||||
background-color $brand-color
|
||||
|
||||
Reference in New Issue
Block a user