mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 17:56:25 +00:00
Change the styleName info-right-button to control-trashButton because it's not good name
* fix the position of lock button
This commit is contained in:
@@ -290,7 +290,7 @@ class MarkdownNoteDetail extends React.Component {
|
|||||||
this.state.isLockButtonShown ? lockButtonComponent : ''
|
this.state.isLockButtonShown ? lockButtonComponent : ''
|
||||||
)
|
)
|
||||||
})()}
|
})()}
|
||||||
<button styleName='info-right-button'
|
<button styleName='control-trashButton'
|
||||||
onClick={(e) => this.handleContextButtonClick(e)}
|
onClick={(e) => this.handleContextButtonClick(e)}
|
||||||
>
|
>
|
||||||
<svg height="17px" id="Capa_1" style={{"enableBackground":"new 0 0 753.23 753.23"}} width="17px" version="1.1" viewBox="0 0 753.23 753.23" x="0px" y="0px" xmlSpace="preserve">
|
<svg height="17px" id="Capa_1" style={{"enableBackground":"new 0 0 753.23 753.23"}} width="17px" version="1.1" viewBox="0 0 753.23 753.23" x="0px" y="0px" xmlSpace="preserve">
|
||||||
|
|||||||
@@ -39,6 +39,22 @@
|
|||||||
opacity 0
|
opacity 0
|
||||||
transition 0.1s
|
transition 0.1s
|
||||||
|
|
||||||
|
.control-trashButton
|
||||||
|
float right
|
||||||
|
width 34px
|
||||||
|
height 34px
|
||||||
|
border-radius 17px
|
||||||
|
font-size 14px
|
||||||
|
margin 13px 7px
|
||||||
|
padding-top 7px
|
||||||
|
border none
|
||||||
|
color $ui-button-color
|
||||||
|
fill $ui-button-color
|
||||||
|
background-color transparent
|
||||||
|
&:hover
|
||||||
|
opacity 1
|
||||||
|
background-color $ui-button--hover-backgroundColor
|
||||||
|
|
||||||
.body
|
.body
|
||||||
absolute left right
|
absolute left right
|
||||||
left $note-detail-left-margin
|
left $note-detail-left-margin
|
||||||
@@ -64,3 +80,11 @@ body[data-theme="dark"]
|
|||||||
|
|
||||||
.control-lockButton-tooltip
|
.control-lockButton-tooltip
|
||||||
darkTooltip()
|
darkTooltip()
|
||||||
|
|
||||||
|
.control-trashButton
|
||||||
|
navDarkButtonColor()
|
||||||
|
border-color $ui-dark-borderColor
|
||||||
|
&:active
|
||||||
|
border-color $ui-dark-button--focus-borderColor
|
||||||
|
&:focus
|
||||||
|
border-color $ui-button--focus-borderColor
|
||||||
|
|||||||
@@ -54,22 +54,6 @@ $info-margin-under-border = 27px
|
|||||||
bottom 1px
|
bottom 1px
|
||||||
padding-left 30px
|
padding-left 30px
|
||||||
|
|
||||||
.info-right-button
|
|
||||||
width 34px
|
|
||||||
height 34px
|
|
||||||
border-radius 17px
|
|
||||||
font-size 14px
|
|
||||||
margin 13px 7px
|
|
||||||
padding-top 7px
|
|
||||||
border none
|
|
||||||
color $ui-button-color
|
|
||||||
fill $ui-button-color
|
|
||||||
background-color transparent
|
|
||||||
&:hover
|
|
||||||
opacity 1
|
|
||||||
background-color $ui-button--hover-backgroundColor
|
|
||||||
|
|
||||||
|
|
||||||
body[data-theme="dark"]
|
body[data-theme="dark"]
|
||||||
.info
|
.info
|
||||||
border-color $ui-dark-borderColor
|
border-color $ui-dark-borderColor
|
||||||
@@ -89,11 +73,3 @@ body[data-theme="dark"]
|
|||||||
|
|
||||||
.info-right
|
.info-right
|
||||||
background-color $ui-dark-noteDetail-backgroundColor
|
background-color $ui-dark-noteDetail-backgroundColor
|
||||||
|
|
||||||
.info-right-button
|
|
||||||
navDarkButtonColor()
|
|
||||||
border-color $ui-dark-borderColor
|
|
||||||
&:active
|
|
||||||
border-color $ui-dark-button--focus-borderColor
|
|
||||||
&:focus
|
|
||||||
border-color $ui-button--focus-borderColor
|
|
||||||
|
|||||||
Reference in New Issue
Block a user