BoostNote-Legacy/browser/main/NoteList/MultipleSelectionPanel.styl at 23dae0c2b458bfec1f0bf40295a2f57f0b361da8 · BoostIO/BoostNote-Legacy · 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
.panel
  position absolute
  z-index 10
  top 50%
  left calc(100% + 28px)
  transform translateY(-50%)
  width 360px
  max-width calc(100vw - 480px)
  color $ui-text-color
  background-color $ui-noteList-backgroundColor
  border 1px solid $ui-borderColor
  box-shadow 0 8px 28px rgba(0, 0, 0, 0.18)
  padding 20px

.summary
  margin-bottom 16px

.count
  font-size 18px
  font-weight 600
  line-height 24px

.subtitle
  color $ui-inactive-text-color
  font-size 12px
  line-height 18px
  margin-top 4px

.note-list
  list-style none
  margin 0 0 18px
  padding 0
  border-top 1px solid $ui-borderColor
  border-bottom 1px solid $ui-borderColor

.note-title
  overflow hidden
  text-overflow ellipsis
  white-space nowrap
  font-size 13px
  line-height 32px
  border-bottom 1px solid alpha($ui-borderColor, 40%)
  &:last-child
    border-bottom none

.actions
  display grid
  grid-template-columns repeat(2, minmax(0, 1fr))
  gap 8px

.action-button
  display flex
  align-items center
  justify-content center
  gap 6px
  min-width 0
  height 34px
  color $ui-text-color
  background-color transparent
  border 1px solid $ui-borderColor
  cursor pointer
  font-size 12px
  &:hover
    background-color alpha($ui-inactive-text-color, 10%)

.action-button--danger
  @extend .action-button
  grid-column 1 / -1
  color $danger-color

apply-theme(theme)
  body[data-theme={theme}]
    .panel
      color get-theme-var(theme, 'text-color')
      background-color get-theme-var(theme, 'noteList-backgroundColor')
      border-color get-theme-var(theme, 'borderColor')

    .subtitle
      color get-theme-var(theme, 'inactive-text-color')

    .note-list
      border-color get-theme-var(theme, 'borderColor')

    .note-title
      border-color get-theme-var(theme, 'borderColor')

    .action-button
      color get-theme-var(theme, 'text-color')
      border-color get-theme-var(theme, 'borderColor')
      &:hover
        background-color alpha($ui-inactive-text-color, 10%)

    .action-button--danger
      color $danger-color

for theme in 'white' 'dark' 'solarized-dark' 'dracula'
  apply-theme(theme)

for theme in $themes
  apply-theme(theme)