Boostnote/browser/main/Detail/NoteDetailInfo.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
@import('DetailVars')

$info-height = 60px
$info-margin-under-border = 27px

.info
  absolute top left right
  left $note-detail-left-margin
  right $note-detail-right-margin
  height $info-height
  border-bottom $ui-border
  background-color $ui-noteDetail-backgroundColor

.info-left
  float left
  padding 0 5px
  margin 0px 2px

.info-left-top
  display inline-block
  height $info-height
  line-height $info-height

.info-left-top-folderSelect
  display inline-block
  padding 0 3px
  height 34px
  line-height 34px
  vertical-align middle
  border-radius 3px

.info-left-button
  width 34px
  height 34px
  navButtonColor()
  color $ui-favorite-star-button-color
  font-size 14px
  margin 13px 2px
  padding 0
  border-radius 17px
  &:hover .info-right-button-tooltip
    opacity 1
  &:focus
    border-color $ui-favorite-star-button-color
  &:active, &:active:hover
    background-color $ui-favorite-star-button-color
    color $ui-button--active-color

.info-right
  position absolute
  right 0
  top 0
  background $ui-noteDetail-backgroundColor
  bottom 1px
  padding-left 30px

.info-right-button
  width 34px
  height 34px
  border-radius 17px
  font-size 14px
  margin 13px 7px
  padding 0
  border none
  color $ui-button-color
  background-color transparent
  &:hover
    opacity 1
    background-color $ui-button--hover-backgroundColor


body[data-theme="dark"]
  .info
    border-color $ui-dark-borderColor
    background-color $ui-dark-noteDetail-backgroundColor

  .info-delete
    color $ui-dark-text-color

  .info-delete-confirmButton
    colorDarkDangerButton()
    color $ui-dark-text-color

  .info-delete-cancelButton
    colorDarkDefaultButton()
    border-color $ui-dark-borderColor
    color $ui-dark-text-color

  .info-right
    background-color $ui-dark-noteDetail-backgroundColor

  .info-right-button
    navDarkButtonColor()
    border-color $ui-dark-borderColor
    &:active
      border-color $ui-dark-button--focus-borderColor
    &:focus
      border-color $ui-button--focus-borderColor