public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00
Code Issues Releases Wiki Activity

update sidebar style

Browse Source 
add transition
modify margin among menu buttons
This commit is contained in:
Rokt33r
2016-05-11 09:59:17 +09:00
parent 330ea986d4
commit a3d5f23861
4 changed files with 19 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
browser/main/HomePage/SideNav/FolderItem.js
View File

@@ -59,6 +59,10 @@ class FolderItem extends React.Component {
} }
var menu = new Menu() var menu = new Menu()
menu.append(new MenuItem({
label: 'New Note'
}))
menu.append(new MenuItem({ type: 'separator' }))
menu.append(new MenuItem({ menu.append(new MenuItem({
label: 'Rename', label: 'Rename',
click: () => this.handleRenameButtonClick(e) click: () => this.handleRenameButtonClick(e)

3
browser/main/HomePage/SideNav/FolderItem.styl
View File

@@ -3,6 +3,7 @@
width 100% width 100%
position relative position relative
cursor pointer cursor pointer
transition 0.15s
&:hover &:hover
background-color $nav-hover-background background-color $nav-hover-background
.control .control
@@ -28,6 +29,7 @@
bottom 0 bottom 0
right 5px right 5px
width 24px width 24px
transition 0.15s
.control-button .control-button
width 24px width 24px
@@ -37,6 +39,7 @@
border-radius 5px border-radius 5px
background-color transparent background-color transparent
color $nav-inactive-text-color color $nav-inactive-text-color
transition 0.15s
&:hover &:hover
background-color $nav-hover-background background-color $nav-hover-background
&:active &:active

5
browser/main/HomePage/SideNav/RepositorySection.styl
View File

@@ -1,6 +1,4 @@
.root .root
margin-top 15px
margin-bottom 15px
user-select none user-select none
color $nav-text-color color $nav-text-color
@@ -9,6 +7,7 @@
height 33px height 33px
cursor pointer cursor pointer
color $nav-inactive-text-color color $nav-inactive-text-color
transition 0.15s
&:hover &:hover
background-color $nav-hover-background background-color $nav-hover-background
.header-control-button .header-control-button
@@ -40,6 +39,7 @@
background-color transparent background-color transparent
color $nav-inactive-text-color color $nav-inactive-text-color
opacity 0 opacity 0
transition 0.15s
&:hover &:hover
background-color $nav-hover-background background-color $nav-hover-background
&:active &:active
@@ -75,6 +75,7 @@
text-align left text-align left
color $nav-inactive-text-color color $nav-inactive-text-color
background-color transparent background-color transparent
transition 0.15s
&:hover &:hover
background-color $nav-hover-background background-color $nav-hover-background
&:active &:active

33
browser/main/HomePage/SideNav/SideNav.styl
View File

@@ -19,6 +19,7 @@
border none border none
color $nav-inactive-text-color color $nav-inactive-text-color
background-color transparent background-color transparent
transition 0.15s
&:hover &:hover
background-color $nav-hover-background background-color $nav-hover-background
&:active &:active
@@ -37,6 +38,7 @@
border none border none
color $nav-inactive-text-color color $nav-inactive-text-color
background-color transparent background-color transparent
transition 0.15s
&:hover &:hover
background-color $nav-hover-background background-color $nav-hover-background
&:active &:active
@@ -52,7 +54,7 @@
.repositoryList .repositoryList
absolute left right bottom absolute left right bottom
top 167px top 178px
overflow-y auto overflow-y auto
.repositoryList-empty .repositoryList-empty
@@ -69,30 +71,13 @@
border-radius 16.5px border-radius 16.5px
height 33px height 33px
width 33px width 33px
color $nav-inactive-color color $nav-inactive-text-color
border none border none
background-color transparent background-color transparent
transition 0.15s
&:hover &:hover
background-color alpha(white, 0.1) background-color $nav-hover-background
color white color $nav-inactive-text-color
&:active &:active
background-color $brand-color background-color $nav-active-background
color white color $nav-text-color
.control
absolute bottom left right
height 33px
background-color transparent
border none
&:hover
background-color alph(white, 0.1)
&:active
background-color $brand-color
.control-newRepositoryButton
absolute top bottom left
width 167px
padding 0 10px
text-align left
border none
color white