mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 09:46:22 +00:00
4f15cc3f08
The absolute positioning of the toggle mode button was creating a static overlapping position issue with the top bar. This fix solves that problem by removing the static positioning and coupling the button component with the buttons to the right
74 lines
1.4 KiB
Stylus
74 lines
1.4 KiB
Stylus
@import('NoteDetailInfo')
|
|
@import('DetailVars')
|
|
|
|
.root
|
|
absolute top right bottom
|
|
border-left 1px solid alpha(#DEDEDE, 60%)
|
|
background-color $ui-noteDetail-backgroundColor
|
|
box-shadow none
|
|
padding 20px 40px
|
|
overflow hidden
|
|
|
|
.lock-button
|
|
padding-bottom 3px
|
|
|
|
.control-lockButton
|
|
topBarButtonRight()
|
|
position absolute
|
|
right 225px
|
|
&:hover .tooltip
|
|
opacity 1
|
|
|
|
.tooltip
|
|
tooltip()
|
|
position absolute
|
|
pointer-events none
|
|
top 35px
|
|
right -10px
|
|
width 50px
|
|
z-index 200
|
|
padding 5px
|
|
line-height normal
|
|
border-radius 2px
|
|
opacity 0
|
|
transition 0.1s
|
|
|
|
.trashed-infopanel
|
|
position relative
|
|
|
|
.body
|
|
absolute left right
|
|
left 0
|
|
right 0
|
|
top $info-height + $info-margin-under-border
|
|
bottom $statusBar-height
|
|
margin 0 30px
|
|
.body-noteEditor
|
|
absolute top bottom left right
|
|
|
|
body[data-theme="white"]
|
|
.root
|
|
box-shadow $note-detail-box-shadow
|
|
border none
|
|
|
|
body[data-theme="dark"]
|
|
.root
|
|
background-color $ui-dark-noteDetail-backgroundColor
|
|
box-shadow none
|
|
border-left 1px solid $ui-dark-borderColor
|
|
|
|
.control-lockButton
|
|
topBarButtonDark()
|
|
|
|
.control-lockButton-tooltip
|
|
darkTooltip()
|
|
|
|
.control-fullScreenButton
|
|
topBarButtonDark()
|
|
|
|
|
|
body[data-theme="solarized-dark"]
|
|
.root
|
|
border-left 1px solid $ui-solarized-dark-borderColor
|
|
background-color $ui-solarized-dark-noteDetail-backgroundColor
|