@bnsights/bbsf-controls 1.0.66 → 1.0.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/bnsights-bbsf-controls-1.0.67.tgz +0 -0
- package/bnsights-bbsf-controls.metadata.json +1 -1
- package/bundles/bnsights-bbsf-controls.umd.js +1 -1
- package/bundles/bnsights-bbsf-controls.umd.js.map +1 -1
- package/esm2015/lib/controls/TextBox/TextBox.component.js +2 -2
- package/fesm2015/bnsights-bbsf-controls.js +1 -1
- package/fesm2015/bnsights-bbsf-controls.js.map +1 -1
- package/package.json +1 -1
- package/src/lib/assets/Style-rtl.scss +21 -13
- package/src/lib/assets/Style.scss +3 -1166
- package/src/lib/assets/sass/base.scss +35 -19
- package/src/lib/assets/sass/checkbox.scss +0 -1
- package/src/lib/assets/sass/confirmation-modal.scss +53 -0
- package/src/lib/assets/sass/dropdown.scss +23 -4
- package/src/lib/assets/sass/image-upload.scss +1 -1
- package/src/lib/assets/sass/paging.scss +3 -0
- package/src/lib/assets/sass/tags-input.scss +7 -6
- package/src/lib/assets/sass/variables.scss +1 -1
- package/bnsights-bbsf-controls-1.0.66.tgz +0 -0
|
@@ -28,19 +28,27 @@
|
|
|
28
28
|
border-color: $light-gray;
|
|
29
29
|
padding: 0.75rem 1rem;
|
|
30
30
|
font-size: 13px;
|
|
31
|
-
border-radius: $rounded;
|
|
31
|
+
border-radius: $bbsf-rounded;
|
|
32
32
|
height: 45px;
|
|
33
33
|
|
|
34
34
|
&:disabled {
|
|
35
35
|
cursor: not-allowed;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
+
&.is-invalid {
|
|
39
|
+
background-position:right calc(0.375em + 0.3875rem) center;
|
|
40
|
+
|
|
41
|
+
&[dir = "rtl"] {
|
|
42
|
+
background-position: left calc(0.375em + 0.3875rem) center;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
38
46
|
&[dir = "rtl"] {
|
|
39
47
|
+ .copy-clipboard {
|
|
40
48
|
left: 0px;
|
|
41
49
|
right: auto;
|
|
42
|
-
border-top-left-radius: $rounded;
|
|
43
|
-
border-bottom-left-radius: $rounded;
|
|
50
|
+
border-top-left-radius: $bbsf-rounded;
|
|
51
|
+
border-bottom-left-radius: $bbsf-rounded;
|
|
44
52
|
border-top-right-radius: 0px;
|
|
45
53
|
border-bottom-right-radius: 0px;
|
|
46
54
|
}
|
|
@@ -55,28 +63,36 @@
|
|
|
55
63
|
.bbsf-icon {
|
|
56
64
|
z-index: 4;
|
|
57
65
|
position: absolute;
|
|
66
|
+
transform: translate(-50%, -50%) !important;
|
|
67
|
+
top: 50% !important;
|
|
58
68
|
|
|
59
69
|
svg {
|
|
60
|
-
height: 1.
|
|
61
|
-
width: 1.
|
|
70
|
+
height: 1.5rem !important;
|
|
71
|
+
width: 1.5rem !important
|
|
62
72
|
}
|
|
63
73
|
}
|
|
64
74
|
|
|
65
75
|
.bbsf-left-icon {
|
|
76
|
+
position: absolute;
|
|
77
|
+
transform: translate(0, -50%) !important;
|
|
78
|
+
top: 50% !important;
|
|
66
79
|
left: 0px;
|
|
67
|
-
margin-left:
|
|
80
|
+
margin-left: 0.7rem !important;
|
|
68
81
|
|
|
69
82
|
+ input {
|
|
70
|
-
padding-left:
|
|
83
|
+
padding-left: 2.7rem !important;
|
|
71
84
|
}
|
|
72
85
|
}
|
|
73
86
|
|
|
74
87
|
.bbsf-right-icon {
|
|
88
|
+
position: absolute;
|
|
89
|
+
transform: translate(0, -50%) !important;
|
|
90
|
+
top: 50% !important;
|
|
75
91
|
right: 0px;
|
|
76
|
-
margin-right:
|
|
92
|
+
margin-right: 0.7rem !important;
|
|
77
93
|
|
|
78
94
|
+ input {
|
|
79
|
-
padding-right:
|
|
95
|
+
padding-right: 2.7rem !important;
|
|
80
96
|
}
|
|
81
97
|
}
|
|
82
98
|
//copy to clipboard
|
|
@@ -87,7 +103,7 @@
|
|
|
87
103
|
transform: translate(0px, -50%);
|
|
88
104
|
padding: 10px;
|
|
89
105
|
background: #eeeeee;
|
|
90
|
-
border-radius: $rounded;
|
|
106
|
+
border-radius: $bbsf-rounded;
|
|
91
107
|
border-top-left-radius: 0px;
|
|
92
108
|
border-bottom-left-radius: 0px;
|
|
93
109
|
height: 100%;
|
|
@@ -150,15 +166,15 @@
|
|
|
150
166
|
}
|
|
151
167
|
}
|
|
152
168
|
}
|
|
169
|
+
//buttons
|
|
153
170
|
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
.btn-brand {
|
|
157
|
-
background: $primary;
|
|
158
|
-
color: white;
|
|
159
|
-
border: $primary;
|
|
160
|
-
&:hover {
|
|
161
|
-
background: #3781d2;
|
|
171
|
+
.btn-brand {
|
|
172
|
+
background: $primary;
|
|
162
173
|
color: white;
|
|
174
|
+
border: $primary;
|
|
175
|
+
|
|
176
|
+
&:hover {
|
|
177
|
+
background: #3781d2;
|
|
178
|
+
color: white;
|
|
179
|
+
}
|
|
163
180
|
}
|
|
164
|
-
}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
.swal2-container {
|
|
2
|
+
|
|
3
|
+
.swal2-popup.swal2-modal {
|
|
4
|
+
padding: 20px;
|
|
5
|
+
width: 30em;
|
|
6
|
+
|
|
7
|
+
.swal2-close {
|
|
8
|
+
font-size: 30px;
|
|
9
|
+
height: 1.5rem;
|
|
10
|
+
width: 1.5rem;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.swal2-icon {
|
|
14
|
+
margin: 1.5em auto 1.5em;
|
|
15
|
+
|
|
16
|
+
&.swal2-error {
|
|
17
|
+
border-color: rgba(241, 65, 108, 0.7) !important;
|
|
18
|
+
|
|
19
|
+
.swal2-x-mark-line-left {
|
|
20
|
+
background-color: rgba(241, 65, 108, 0.4) !important;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.swal2-title {
|
|
26
|
+
font-size: 1.2rem
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.swal2-html-container {
|
|
30
|
+
font-size: 12px;
|
|
31
|
+
font-weight: 600;
|
|
32
|
+
color: #a0a0a0;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.swal2-cancel {
|
|
36
|
+
color: #9a9a9a;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.swal2-styled {
|
|
40
|
+
&:focus {
|
|
41
|
+
box-shadow: none !important
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
@media (max-width: 768px) {
|
|
48
|
+
.swal2-container {
|
|
49
|
+
.swal2-popup.swal2-modal {
|
|
50
|
+
width: 24em;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
.bbsf-dropdown {
|
|
1
|
+
.bbsf-dropdown.form-group {
|
|
2
2
|
|
|
3
3
|
.bbsf-input-container {
|
|
4
4
|
|
|
5
5
|
.form-control {
|
|
6
6
|
padding: 0px !important;
|
|
7
|
+
min-height: 45px;
|
|
8
|
+
height: auto;
|
|
7
9
|
|
|
8
10
|
&.is-invalid {
|
|
9
11
|
background-position: right calc(0.375em + 2rem) center;
|
|
@@ -13,6 +15,8 @@
|
|
|
13
15
|
padding: 0.75rem 1rem;
|
|
14
16
|
cursor: pointer;
|
|
15
17
|
height: 100%;
|
|
18
|
+
height: 100%;
|
|
19
|
+
min-height: 45px;
|
|
16
20
|
|
|
17
21
|
.ng-arrow-wrapper {
|
|
18
22
|
margin-left: 10px;
|
|
@@ -43,6 +47,8 @@
|
|
|
43
47
|
}
|
|
44
48
|
|
|
45
49
|
.ng-value-container {
|
|
50
|
+
align-items: center;
|
|
51
|
+
|
|
46
52
|
.ng-value-label {
|
|
47
53
|
color: #414350;
|
|
48
54
|
font-weight: 500;
|
|
@@ -53,12 +59,12 @@
|
|
|
53
59
|
|
|
54
60
|
.ng-dropdown-panel {
|
|
55
61
|
box-shadow: 0px 0px 11px 3px rgb(92 92 92 / 10%);
|
|
56
|
-
border-radius: $rounded;
|
|
62
|
+
border-radius: $bbsf-rounded;
|
|
57
63
|
left: 0px;
|
|
58
64
|
background-color: white;
|
|
59
65
|
|
|
60
66
|
&.ng-select-bottom {
|
|
61
|
-
top:
|
|
67
|
+
top: 52px;
|
|
62
68
|
}
|
|
63
69
|
|
|
64
70
|
&.ng-select-top {
|
|
@@ -77,6 +83,7 @@
|
|
|
77
83
|
.bbsf-label {
|
|
78
84
|
margin-bottom: 0px;
|
|
79
85
|
cursor: pointer;
|
|
86
|
+
white-space: break-spaces;
|
|
80
87
|
}
|
|
81
88
|
|
|
82
89
|
&.ng-option-selected, &:hover {
|
|
@@ -125,11 +132,23 @@
|
|
|
125
132
|
}
|
|
126
133
|
|
|
127
134
|
.ng-select-multiple {
|
|
135
|
+
.ng-select-container.ng-has-value {
|
|
136
|
+
padding-bottom: 0.65rem !important;
|
|
137
|
+
}
|
|
138
|
+
|
|
128
139
|
.ng-value {
|
|
129
|
-
background:
|
|
140
|
+
background: $primary;
|
|
130
141
|
border-radius: 3px;
|
|
131
142
|
padding: 0px 5px;
|
|
132
143
|
margin-right: .4rem;
|
|
144
|
+
color: white;
|
|
145
|
+
font-size: 12px;
|
|
146
|
+
margin-bottom: 0.1rem;
|
|
147
|
+
|
|
148
|
+
.ng-value-label {
|
|
149
|
+
white-space: break-spaces;
|
|
150
|
+
color: white !important;
|
|
151
|
+
}
|
|
133
152
|
}
|
|
134
153
|
|
|
135
154
|
.ng-value-icon {
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
padding: 0px;
|
|
5
5
|
height: auto;
|
|
6
6
|
border: 0px;
|
|
7
|
+
background: none !important;
|
|
7
8
|
}
|
|
8
9
|
}
|
|
9
10
|
|
|
@@ -19,14 +20,14 @@
|
|
|
19
20
|
.tags-input__tag {
|
|
20
21
|
display: flex;
|
|
21
22
|
align-items: center;
|
|
22
|
-
background:
|
|
23
|
-
border-radius:
|
|
23
|
+
background: $primary;
|
|
24
|
+
border-radius: 3px;
|
|
24
25
|
margin-top: 2px;
|
|
25
|
-
color:
|
|
26
|
+
color: white;
|
|
26
27
|
width: auto;
|
|
27
|
-
font-size:
|
|
28
|
-
font-weight:
|
|
29
|
-
padding
|
|
28
|
+
font-size: 12px;
|
|
29
|
+
font-weight: 500;
|
|
30
|
+
padding: 5px;
|
|
30
31
|
}
|
|
31
32
|
|
|
32
33
|
span {
|
|
Binary file
|