All files / src/dropdown/ToggleDropDown ToggleDropDown.module.css

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
5x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
.wrapper {
  position: relative;
  max-width: 100%;
}
.maxHgt {
  max-height: 265px;
  padding: 10px 0;
}
.responsivemaxHgt {
  padding: 0;
}
.title {
  padding-top: 6px;
}
.default_arrow,
.overlay_arrow {
  padding: 0 0 0 5px;
}
.overlay_arrow {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%) perspective(1px);
}
.hoverIcon .arrow {
  opacity: 0;
  visibility: hidden;
}
.hoverIcon:hover .arrow
/* .hoverIcon:focus .arrow  */
{
  opacity: 1;
  visibility: visible;
}
.value {
  composes: dotted  offSelection from '~@zohodesk/components/lib/common/common.module.css';
}
.search {
  padding: 6px 20px 0;
}
.svgWrapper {
  padding-bottom: 25px;
}
.cursorDefault {
  cursor: default;
}
.cursor {
  cursor: pointer;
}
.dropBoxContainer {
  text-align: left;
}
.iconBox {
  margin-right: 4px;
}
.iconBox > i {
  display: block;
}
.loader {
  width: 40px;
  margin: 0 auto;
}
.seperatedLine {
  height: 1px;
  border-bottom: 1px solid var(--zdt_toggledropdown_line_border);
  margin: 7px 0 8px;
}
.hiddenInput {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}
.hiddenInputElement{
  width: 100%;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
}
.groupName {
  margin: 6px 0;
}
.dropdown {
  background-color: transparent;
}