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

Fix toggle info button ux at note detail

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-11-18 16:02:45 +09:00
parent ce43e80bdf
commit 4f0f611e52
2 changed files with 3 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
browser/main/Detail/InfoButton.js
View File

@@ -6,9 +6,9 @@ const InfoButton = ({
onClick onClick
}) => ( }) => (
<button styleName='control-infoButton' <button styleName='control-infoButton'
onClick={onClick} onClick={(e) => onClick(e)}
> >
<img styleName='iconInfo' src='../resources/icon/icon-info.svg' /> <img className='infoButton' src='../resources/icon/icon-info.svg' />
</button> </button>
) )

12
browser/main/Detail/InfoButton.styl
View File

@@ -1,20 +1,10 @@
.control-infoButton .control-infoButton
top 10px top 10px
margin-bottom 10px
topBarButtonLight() topBarButtonLight()
.control-infoPanel
position fixed
pointer-events none
top 50px
z-index 200
line-height normal
border-radius 2px
opacity 0
transition 0.1s
.infoButton .infoButton
padding 0px padding 0px
margin 45px 0
body[data-theme="dark"] body[data-theme="dark"]
.control-infoButton .control-infoButton