aboutsummaryrefslogtreecommitdiffstats
path: root/app/assets/stylesheets/vendor/token-input.sass
blob: a45220365536d722ac70c01428cbe19d196d330f (plain)
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
/* Example tokeninput style #1: Token vertical list*/
ul.token-input-list
  overflow: hidden
  height: auto !important
  height: 1%
  width: 400px
  border: 1px solid #999
  cursor: text
  font-size: 12px
  font-family: Verdana, sans-serif
  z-index: 1061
  margin: 0
  padding: 0
  background-color: #fff
  list-style-type: none
  clear: left

  li
    list-style-type: none

    input
      border: 0
      width: 350px
      padding: 3px 8px
      background-color: white
      -webkit-appearance: caret

ul.token-input-disabled,
ul.token-input-disabled li input
  background-color: #E8E8E8

ul.token-input-disabled li.token-input-token
  background-color: #D9E3CA

  span
    color: $gray
    cursor: default

    &.token-input-delete-token
      display: none

li.token-input-token
  overflow: hidden
  height: auto !important
  height: 1%
  margin: 3px
  padding: 3px 5px
  background-color: $gray-lighter
  color: #000
  font-weight: bold
  cursor: default
  display: block

  p
    float: left
    padding: 0
    margin: 0

  span.token-input-delete-token
    float: right
    cursor: pointer

li.token-input-selected-token
  background-color: $brand-primary
  //color: $gray

  span
    //color: #bbb

div.token-input-dropdown
  position: absolute
  width: 400px
  background-color: #fff
  overflow: hidden
  border-left: 1px solid #ccc
  border-right: 1px solid #ccc
  border-bottom: 1px solid #ccc
  cursor: default
  font-size: 12px
  font-family: Verdana, sans-serif
  z-index: 1061

  p
    margin: 0
    padding: 5px
    font-weight: bold
    color: #777

  ul
    margin: 0
    padding: 0

    li
      background-color: #fff
      padding: 3px
      list-style-type: none

      &.token-input-dropdown-item
        background-color: #fafafa

      &.token-input-dropdown-item2
        background-color: #fff

      em
        font-weight: bold
        font-style: normal

      &.token-input-selected-dropdown-item
        background-color: $gray-lighter

ul.token-input-list .info
  font-size: 0.8em
  color: $gray