mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 09:46:22 +00:00
Fix layout at narrow the width of description in SnippetNoteDetail
This commit is contained in:
@@ -19,7 +19,7 @@
|
|||||||
|
|
||||||
.body .description
|
.body .description
|
||||||
absolute top left right
|
absolute top left right
|
||||||
height 80px
|
height 50px
|
||||||
|
|
||||||
.body .description textarea
|
.body .description textarea
|
||||||
outline none
|
outline none
|
||||||
@@ -27,14 +27,14 @@
|
|||||||
height 100%
|
height 100%
|
||||||
width 100%
|
width 100%
|
||||||
resize none
|
resize none
|
||||||
border none
|
border 1px solid $ui-borderColor
|
||||||
padding 10px
|
padding 10px
|
||||||
line-height 1.6
|
line-height 1.6
|
||||||
background-color $ui-noteDetail-backgroundColor
|
background-color $ui-noteDetail-backgroundColor
|
||||||
|
|
||||||
.tabList
|
.tabList
|
||||||
absolute left right
|
absolute left right
|
||||||
top 80px
|
top 55px
|
||||||
height 30px
|
height 30px
|
||||||
display flex
|
display flex
|
||||||
background-color $ui-noteDetail-backgroundColor
|
background-color $ui-noteDetail-backgroundColor
|
||||||
@@ -50,7 +50,7 @@
|
|||||||
|
|
||||||
.tabView
|
.tabView
|
||||||
absolute left right bottom
|
absolute left right bottom
|
||||||
top 130px
|
top 100px
|
||||||
|
|
||||||
.tabView-content
|
.tabView-content
|
||||||
absolute top left right bottom
|
absolute top left right bottom
|
||||||
@@ -83,6 +83,7 @@ body[data-theme="dark"]
|
|||||||
.body .description textarea
|
.body .description textarea
|
||||||
background-color $ui-dark-noteDetail-backgroundColor
|
background-color $ui-dark-noteDetail-backgroundColor
|
||||||
color $ui-dark-text-color
|
color $ui-dark-text-color
|
||||||
|
border 1px solid $ui-dark-borderColor
|
||||||
|
|
||||||
.tabList
|
.tabList
|
||||||
background-color $ui-button--active-backgroundColor
|
background-color $ui-button--active-backgroundColor
|
||||||
|
|||||||
Reference in New Issue
Block a user