Boostnote/browser/main/Detail/SnippetNoteDetail.styl at ab9ab004b7aa00bf4af98e7b5df298884851653c · ytk141/Boostnote · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
@import('NoteDetailInfo')
@import('DetailVars')

.root
  absolute top bottom right
  border-left 1px solid alpha(#DEDEDE, 60%)
  background-color $ui-noteDetail-backgroundColor
  box-shadow none

.body
  absolute left right
  left $snippet-note-detail-left-margin
  right $snippet-note-detail-right-margin
  top $info-height + $info-margin-under-border
  bottom $statusBar-height
  background-color $ui-noteDetail-backgroundColor

.body .description
  absolute top left right
  height 50px

.body .description textarea
  outline none
  display block
  height 100%
  width 100%
  resize none
  border 1px solid $ui-borderColor
  padding 2px 5px
  line-height 1.6
  background-color $ui-noteDetail-backgroundColor

.tabList
  absolute left right
  top 55px
  height 30px
  display flex
  background-color $ui-noteDetail-backgroundColor

.tabList .list
  flex 1
  display flex
  overflow hidden

.tabList .plusButton
  navWhiteButtonColor()
  width 30px

.tabView
  absolute left right bottom
  top 100px

.tabView-content
  absolute top left right bottom

.override
  absolute bottom left
  bottom 1px
  left 60px
  z-index 101
  button
    navButtonColor()
    padding 0 6px
    &:hover
      color $ui-active-color
    &:active .update-icon
      color $ui-active-color

.control-fullScreenButton
  top 80px
  margin-bottom 10px
  topBarButtonRight()

body[data-theme="white"]
  .root
    box-shadow $note-detail-box-shadow
    border none

body[data-theme="dark"]
  .root
    border none
    background-color $ui-dark-noteDetail-backgroundColor
    box-shadow none

  .body
    background-color $ui-dark-noteDetail-backgroundColor

  .body .description textarea
    background-color $ui-dark-noteDetail-backgroundColor
    color $ui-dark-text-color
    border 1px solid $ui-dark-borderColor

  .tabList
    background-color $ui-button--active-backgroundColor
    background-color $ui-dark-noteDetail-backgroundColor

  .tabList .list
    border-color $ui-dark-borderColor

  .tabList .plusButton
    navDarkButtonColor()
  .override
    button
      border-color $ui-dark-borderColor
      &:hover
        background-color alpha($ui-dark-button--active-backgroundColor, 20%)
        transition 0.15s
        color $ui-dark-text-color

  .control-fullScreenButton
    topBarButtonDark()