Boostnote/browser/finder/FinderMain.styl at master · csseditor/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
112
113
114
115
116
117
118
$search-height = 50px
$nav-width = 175px
$list-width = 250px

.root
  absolute top left right bottom

.search
  height $search-height
  padding 10px
  box-sizing border-box
  border-bottom $ui-border
  text-align center

.search-input
  height 30px
  width 100%
  margin 0 auto
  font-size 18px
  border none
  outline none
  text-align center
  background-color transparent

.result
  absolute left right bottom
  top $search-height
  background-color $ui-noteDetail-backgroundColor

.result-nav
  user-select none
  absolute left top bottom
  width $nav-width
  background-color $ui-backgroundColor

.result-nav-filter
  margin-bottom 10px

.result-nav-filter-option
  height 25px
  line-height 25px
  padding 0 10px
  label
    cursor pointer

.result-nav-menu
  navButtonColor()
  height 32px
  padding 0 10px
  font-size 14px
  width 100%
  outline none
  text-align left
  line-height 32px
  box-sizing border-box
  cursor pointer

.result-nav-menu--active
  @extend .result-nav-menu
  background-color $ui-button--active-backgroundColor
  color $ui-button--active-color
  &:hover
    background-color $ui-button--active-backgroundColor

.result-nav-storageList
  absolute bottom left right
  top 80px + 32px + 10px + 10px
  overflow-y auto

.result-list
  user-select none
  absolute top bottom
  left $nav-width
  width $list-width
  box-sizing border-box
  overflow-y auto
  box-shadow 2px 0 15px -8px #b1b1b1
  z-index 1

.result-detail
  absolute top bottom right
  left $nav-width + $list-width
  background-color $ui-noteDetail-backgroundColor

body[data-theme="dark"]
  .root
    background-color $ui-dark-backgroundColor
  .search
    border-color $ui-dark-borderColor
  .search-input
    color $ui-dark-text-color

  .result
    background-color $ui-dark-noteList-backgroundColor

  .result-nav
    background-color $ui-dark-backgroundColor
    label
      color $ui-dark-text-color

  .result-nav-menu
    navDarkButtonColor()

  .result-nav-menu--active
    background-color $ui-dark-button--active-backgroundColor
    color $ui-dark-button--active-color
    &:hover
      background-color $ui-dark-button--active-backgroundColor

  .result-list
    border-color $ui-dark-borderColor
    box-shadow none
    top 0

  .result-detail
    absolute top bottom right
    left $nav-width + $list-width
    background-color $ui-dark-noteDetail-backgroundColor