@bnsights/bbsf-controls 1.0.126 → 1.0.128

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bnsights/bbsf-controls",
3
- "version": "1.0.126",
3
+ "version": "1.0.128",
4
4
  "peerDependencies": {
5
5
  "@angular/animations": "^17.0.5",
6
6
  "@angular/cdk": "^17.0.2",
@@ -12,7 +12,7 @@
12
12
  "@angular/router": "^17.0.5"
13
13
  },
14
14
  "dependencies": {
15
- "@bnsights/bbsf-utilities": "^1.0.48",
15
+ "@bnsights/bbsf-utilities": "^1.0.50",
16
16
  "@danielmoncada/angular-datetime-picker": "^17.0.0",
17
17
  "@fullcalendar/angular": "^6.1.10",
18
18
  "@fullcalendar/core": "^6.1.10",
@@ -252,4 +252,41 @@ input::-webkit-inner-spin-button {
252
252
  .bbsf-dropdown.form-group .bbsf-input-container .form-control .ng-select-container .ng-clear-wrapper {
253
253
  margin-right: 0;
254
254
  margin-left: 0;
255
+ }
256
+
257
+ //phone
258
+
259
+ .intl-tel-input .country-list {
260
+ left: unset !important;
261
+ right: 0 !important;
262
+ }
263
+
264
+ .form-group.bbsf-control.bbsf-phone .bbsf-input-container .form-control {
265
+ direction: rtl;
266
+ text-align: start;
267
+
268
+ input {
269
+ direction: ltr;
270
+ text-align: right;
271
+ padding-inline-end: 49px;
272
+ }
273
+
274
+ .iti__country {
275
+ text-align: right;
276
+ }
277
+
278
+ .dropdown-menu.show {
279
+ left: -310px !important;
280
+ right: auto !important;
281
+ }
282
+ }
283
+
284
+ @media screen and (min-width: 767px) and (max-width: 991px) {
285
+ .form-group.bbsf-control.bbsf-phone .bbsf-input-container .form-control {
286
+ .dropdown-menu.show {
287
+ left: -200px !important;
288
+ right: auto !important;
289
+ }
290
+ }
291
+
255
292
  }
@@ -77,6 +77,7 @@
77
77
  border-radius: $bbsf-rounded;
78
78
  border: 1px dashed #c8c8c8;
79
79
  padding: 5px;
80
+ margin-bottom: 0.7rem;
80
81
  }
81
82
 
82
83
  .bbsf-cropper-modal {
@@ -111,9 +112,11 @@
111
112
  display: flex;
112
113
  justify-content: center;
113
114
  align-items: center;
115
+ margin-bottom: 1rem;
114
116
 
115
117
  .btn-group {
116
118
  margin-right: 1rem;
119
+ gap: 5px;
117
120
 
118
121
  .btn {
119
122
  position: relative;
@@ -191,8 +194,15 @@
191
194
  .form-group.bbsf-control.bbsf-image-upload .bbsf-cropper-modal.modal .modal-content .modal-body .cropper-btns,
192
195
  .form-group.bbsf-control.bbsf-file-upload .bbsf-cropper-modal.modal .modal-content .modal-body .cropper-btns,
193
196
  .form-group.bbsf-control.bbsf-profile-image-upload .bbsf-cropper-modal.modal .modal-content .modal-body .cropper-btns {
194
- flex-direction: column;
195
- gap: 10px;
197
+ flex-direction: row;
198
+ gap: 5px;
199
+ flex-wrap: wrap;
200
+ margin-bottom: 10px;
201
+
202
+ .btn-group {
203
+ margin-inline-end: 1rem;
204
+ gap: 10px;
205
+ }
196
206
  }
197
207
  }
198
208
 
@@ -228,4 +238,5 @@
228
238
  }
229
239
  }
230
240
 
241
+
231
242
  }
@@ -23,6 +23,24 @@
23
23
  }
24
24
  }
25
25
 
26
+ .iti__country-list {
27
+ z-index: 2;
28
+ list-style: none;
29
+ text-align: left;
30
+ padding: 0;
31
+ margin: 0 0 0 -1px;
32
+ box-shadow: 1px 1px 4px #0003;
33
+ background-color: #fff;
34
+ border: 1px solid #ccc;
35
+ white-space: nowrap;
36
+ max-height: 200px;
37
+ overflow-y: auto;
38
+
39
+ .iti__country {
40
+ display: block;
41
+ }
42
+ }
43
+
26
44
  //responsive styles
27
45
  @media screen and (max-width:768px) {
28
46
 
@@ -31,4 +49,4 @@
31
49
  margin-bottom: 0.8rem;
32
50
  }
33
51
  }
34
- }
52
+ }
Binary file