1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 09:46:22 +00:00

Fix info area layout at NoteDetail

This commit is contained in:
Kazu Yokomizo
2017-07-10 16:28:50 +09:00
parent 849aa05d76
commit 345008e9b6
5 changed files with 8 additions and 6 deletions

View File

@@ -8,7 +8,7 @@ const InfoButton = ({
<button styleName='control-infoButton' <button styleName='control-infoButton'
onClick={onClick} onClick={onClick}
> >
<i className='fa fa-info-circle infoButton' styleName='info-button' /> <i className='fa fa-info infoButton' styleName='info-button' />
</button> </button>
) )

View File

@@ -7,12 +7,15 @@
pointer-events none pointer-events none
top 50px top 50px
z-index 200 z-index 200
padding 5px
line-height normal line-height normal
border-radius 2px border-radius 2px
opacity 0 opacity 0
transition 0.1s transition 0.1s
.infoButton
padding 0px
margin 15px 0
body[data-theme="dark"] body[data-theme="dark"]
.control-infoButton .control-infoButton
topBarButtonDark() topBarButtonDark()

View File

@@ -29,7 +29,7 @@
.control-fullScreenButton .control-fullScreenButton
float right float right
padding 7px padding 0 0 2px 0
topBarButtonLight() topBarButtonLight()
.body .body

View File

@@ -68,7 +68,7 @@
.control-fullScreenButton .control-fullScreenButton
float right float right
padding 7px padding 0 0 2px 0
topBarButtonLight() topBarButtonLight()
body[data-theme="dark"] body[data-theme="dark"]

View File

@@ -160,8 +160,7 @@ topBarButtonLight()
height 34px height 34px
border-radius 17px border-radius 17px
font-size 14px font-size 14px
margin 13px 7px margin 15px 7px
padding-top 7px
border none border none
color $ui-button-color color $ui-button-color
fill $ui-button-color fill $ui-button-color