@bnsights/bbsf-controls 1.0.80 → 1.0.82

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.80",
3
+ "version": "1.0.82",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "~12.2.12",
6
6
  "@angular/core": "~12.2.12"
@@ -92,49 +92,53 @@
92
92
  }
93
93
  }
94
94
  //dropdown
95
- .bbsf-dropdown.form-group {
95
+ .bbsf-dropdown.form-group {
96
96
 
97
- .bbsf-input-container {
97
+ .bbsf-input-container {
98
98
 
99
- .form-control {
100
- &.is-invalid {
101
- background-position: left calc(0.375em + 2rem) center;
102
- }
99
+ .form-control {
100
+ &.is-invalid {
101
+ background-position: left calc(0.375em + 2rem) center;
102
+ }
103
103
 
104
- .ng-select-container {
104
+ .ng-select-container {
105
+ .ng-clear-wrapper {
106
+ margin-left: 30px;
107
+ margin-right:0px;
108
+ }
105
109
 
106
- .ng-arrow-wrapper {
107
- margin-right: 10px;
108
- margin-left: 0px;
109
- }
110
+ .ng-arrow-wrapper {
111
+ margin-right: 10px;
112
+ margin-left: 0px;
110
113
  }
114
+ }
111
115
 
112
- .ng-dropdown-panel {
116
+ .ng-dropdown-panel {
113
117
 
114
- .ng-dropdown-panel-items {
115
- .ng-option {
116
- &.ng-option-selected:after {
117
- left: 30px;
118
- right: initial;
119
- }
118
+ .ng-dropdown-panel-items {
119
+ .ng-option {
120
+ &.ng-option-selected:after {
121
+ left: 30px;
122
+ right: initial;
120
123
  }
121
124
  }
122
125
  }
123
126
  }
124
127
  }
128
+ }
125
129
 
126
- .ng-select-multiple {
127
- .ng-value {
128
- margin-left: .4rem;
129
- margin-right: 0;
130
- }
130
+ .ng-select-multiple {
131
+ .ng-value {
132
+ margin-left: .4rem;
133
+ margin-right: 0;
134
+ }
131
135
 
132
- .ng-value-icon {
133
- margin-left: .2rem;
134
- margin-right: 0;
135
- }
136
+ .ng-value-icon {
137
+ margin-left: .2rem;
138
+ margin-right: 0;
136
139
  }
137
140
  }
141
+ }
138
142
  //tags input
139
143
  .bbsf-control.form-group.bbsf-tags-input {
140
144
  .user-initials {
@@ -147,3 +151,9 @@
147
151
  margin-left: 0px;
148
152
  }
149
153
  }
154
+ //textbox type number arrows
155
+ input::-webkit-outer-spin-button,
156
+ input::-webkit-inner-spin-button {
157
+ margin-left: 30px;
158
+ margin-right:0px;
159
+ }
@@ -195,4 +195,9 @@
195
195
  background-color: #e3e3e3
196
196
  }
197
197
 
198
+ //textbox type number arrows
199
+ input::-webkit-outer-spin-button,
200
+ input::-webkit-inner-spin-button {
201
+ margin-right: 30px;
202
+ }
198
203
 
@@ -122,7 +122,7 @@ button.owl-dt-control.owl-dt-control-button.owl-dt-control-period-button {
122
122
  color: $subtext-color;
123
123
  }
124
124
 
125
- //BBSF datetime picker fix
126
- .cdk-overlay-container {
125
+ //BBSF datetime picker fix and location container
126
+ .cdk-overlay-container, .pac-container.pac-logo.hdpi {
127
127
  z-index: 1056;
128
128
  }
@@ -36,7 +36,7 @@
36
36
  display: flex;
37
37
  align-items: center;
38
38
  justify-content: center;
39
-
39
+ margin-right:30px;
40
40
  .ng-clear {
41
41
  color: #e66f6f;
42
42
  font-weight: 600;
@@ -48,11 +48,18 @@
48
48
 
49
49
  .ng-value-container {
50
50
  align-items: center;
51
-
51
+ width:100%;
52
52
  .ng-value-label {
53
53
  color: #414350;
54
54
  font-weight: 500;
55
55
  }
56
+
57
+ .ng-input {
58
+ input {
59
+ padding: 0rem 1rem;
60
+ width:80%;
61
+ }
62
+ }
56
63
  }
57
64
  }
58
65
 
@@ -1,11 +1,14 @@
1
1
  .bbsf-paging {
2
- &.bbsf-control{
3
- margin-bottom:0px;
2
+ &.bbsf-control {
3
+ margin-bottom: 0px;
4
+ margin-top: 2rem;
4
5
  }
6
+
5
7
  .bbsf-paging-container {
6
8
  display: flex;
7
9
  align-items: center;
8
10
  justify-content: space-between;
11
+ flex-wrap: wrap;
9
12
 
10
13
  .bbsf-pagination {
11
14
  .pagination {
@@ -82,3 +85,21 @@
82
85
  }
83
86
  }
84
87
  }
88
+
89
+ //mobile style
90
+ @media only screen and (max-width: 768px) {
91
+ .bbsf-paging {
92
+ .bbsf-paging-container {
93
+ display: flex;
94
+ align-items: center;
95
+ justify-content: center;
96
+ flex-direction: column;
97
+
98
+ .bbsf-pagination {
99
+ .pagination {
100
+ margin-bottom: 1.5rem;
101
+ }
102
+ }
103
+ }
104
+ }
105
+ }
Binary file