mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-25 15:41:42 +00:00
Fix layout
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
.root
|
||||
position relative
|
||||
border solid 1px transparent
|
||||
line-height 34px
|
||||
line-height 26px
|
||||
vertical-align middle
|
||||
border-radius 2px
|
||||
transition 0.15s
|
||||
|
||||
@@ -209,7 +209,7 @@ class MarkdownNoteDetail extends React.Component {
|
||||
}
|
||||
|
||||
getToggleLockButton () {
|
||||
return this.state.isLocked ? 'fa-lock' : 'fa-unlock-alt'
|
||||
return this.state.isLocked ? 'fa-lock' : 'fa-unlock'
|
||||
}
|
||||
|
||||
handleDeleteKeyDown (e) {
|
||||
@@ -272,7 +272,7 @@ class MarkdownNoteDetail extends React.Component {
|
||||
>
|
||||
<i className={faClassName} styleName='lock-button' />
|
||||
<span styleName='control-lockButton-tooltip'>
|
||||
{this.state.isLocked ? 'Unlock' : 'Lock'}
|
||||
{this.state.isLocked ? 'Lock' : 'Unlock'}
|
||||
</span>
|
||||
</button>
|
||||
return (
|
||||
@@ -285,7 +285,7 @@ class MarkdownNoteDetail extends React.Component {
|
||||
<button styleName='control-fullScreenButton'
|
||||
onMouseDown={(e) => this.handleFullScreenButton(e)}
|
||||
>
|
||||
<i className='fa fa-arrows-alt' styleName='fullScreen-button' />
|
||||
<i className='fa fa-expand' styleName='fullScreen-button' />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -25,7 +25,7 @@ $info-margin-under-border = 27px
|
||||
display inline-block
|
||||
padding 0 3px
|
||||
height 34px
|
||||
line-height 34px
|
||||
line-height 26px
|
||||
vertical-align middle
|
||||
border-radius 3px
|
||||
|
||||
@@ -35,6 +35,7 @@ $info-margin-under-border = 27px
|
||||
navButtonColor()
|
||||
color $ui-favorite-star-button-color
|
||||
font-size 14px
|
||||
line-height 0
|
||||
margin 13px 2px
|
||||
padding 0
|
||||
border-radius 17px
|
||||
|
||||
@@ -525,7 +525,7 @@ class SnippetNoteDetail extends React.Component {
|
||||
<button styleName='control-fullScreenButton'
|
||||
onMouseDown={(e) => this.handleFullScreenButton(e)}
|
||||
>
|
||||
<i className='fa fa-arrows-alt' styleName='fullScreen-button' />
|
||||
<i className='fa fa-expand' styleName='fullScreen-button' />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -2,6 +2,7 @@
|
||||
display inline-block
|
||||
top 19px
|
||||
user-select none
|
||||
height 26px
|
||||
vertical-align middle
|
||||
width 300px
|
||||
overflow-x scroll
|
||||
@@ -14,7 +15,6 @@
|
||||
display inline-block
|
||||
margin 1px 3px
|
||||
padding 0
|
||||
vertical-align middle
|
||||
height 20px
|
||||
background-color alpha($ui-tag-backgroundColor, 10%)
|
||||
border-radius 3px
|
||||
@@ -49,9 +49,9 @@
|
||||
|
||||
.newTag
|
||||
display inline-block
|
||||
margin 0 2px
|
||||
margin 2px 0 15px 2px
|
||||
vertical-align middle
|
||||
height 24px
|
||||
height 18px
|
||||
box-sizing borde-box
|
||||
border none
|
||||
background-color transparent
|
||||
|
||||
Reference in New Issue
Block a user