mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 01:36:22 +00:00
add StatusBar & Zoom UI
This commit is contained in:
40
browser/main/StatusBar/StatusBar.styl
Normal file
40
browser/main/StatusBar/StatusBar.styl
Normal file
@@ -0,0 +1,40 @@
|
||||
.root
|
||||
absolute bottom left right
|
||||
height 24px
|
||||
border-top solid 1px $nav-border-color
|
||||
background-color $nav-background-color
|
||||
|
||||
.zoom
|
||||
absolute right
|
||||
height 24px
|
||||
width 60px
|
||||
border-width 0 1px
|
||||
border-style solid
|
||||
border-color $nav-border-color
|
||||
background-color transparent
|
||||
color $nav-inactive-text-color
|
||||
transition color background-color 0.15s
|
||||
&:hover
|
||||
background-color $nav-hover-background
|
||||
color $nav-inactive-text-color
|
||||
&:active
|
||||
background-color $nav-active-background
|
||||
color $nav-text-color
|
||||
|
||||
.update
|
||||
position absolute
|
||||
right 60px
|
||||
height 24px
|
||||
border-width 0 0 0 1px
|
||||
border-style solid
|
||||
border-color $nav-border-color
|
||||
background-color transparent
|
||||
color $brand-color
|
||||
transition color background-color 0.15s
|
||||
&:hover
|
||||
background-color $nav-hover-background
|
||||
color $brand-color
|
||||
&:active
|
||||
background-color $nav-active-background
|
||||
color $brand-color
|
||||
|
||||
Reference in New Issue
Block a user