playbook_ui 12.22.0 → 12.23.0.pre.alpha.movemarkdown708

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 4bbbcbbc5dcde74cb026a9f2b5d510c6362f2654c8c06885b25881598603b1b4
4
- data.tar.gz: 5f7fa24b05cee92ce96deab0f358fe0bfbc0909753555b7d13179423d13d26cc
3
+ metadata.gz: 37d92caed2e9da8ddc27fc96c5bf1bb28adf65e3abc366f9f1f60e528e462d5a
4
+ data.tar.gz: d44c869a16c2a26889f7e2aff0d78ff699c68bfb295c13e5b8c70a5d5efb258b
5
5
  SHA512:
6
- metadata.gz: 9532f359c1aa5bd18300c006a1e9cb97d80377fa4616354c38087b5725e399f3296c179862789c48d04dc34506ffc31a07a3c9a0e9f24498f33e1d98c31ca535
7
- data.tar.gz: 86612e31acd71f850bb381a30cf6e044ebf502d4e4be657bfab6bde5bd1a0bf3ebc10106c2e3e4c36c708bf1b4500d4ef701f58f0f9835bbfe566d8ccb269b51
6
+ metadata.gz: d9c45215af6e664614dbb173883d464bad38962c894aca2f8bc4c8df2121cc7468a795eeb0bbfa472915de7e15eda9644b7a07cc1d65049b705e92720c4304ab
7
+ data.tar.gz: 9940ba75935b2b32076ef26d1e5a3d364d2e05f74a0001e03a38a3cae94e16e2adf8ab27d0c809645f420f90ec58efed856713c2c73534c636c275b879a26157
@@ -27,7 +27,7 @@ const CurrentFilters = ({ dark, filters }: CurrentFiltersProps): React.ReactElem
27
27
  color="light"
28
28
  paddingLeft="xs"
29
29
  size={4}
30
- tag="h4"
30
+ tag="span"
31
31
  text="No Filter Selected"
32
32
  />
33
33
  </div>
@@ -9,22 +9,23 @@
9
9
  <div class="maskContainer">
10
10
  <div class="filters">
11
11
  <div class="left_gradient"></div>
12
- <% object.filters.each do |filter| %>
13
- <% if filter[:name] == "" %>
14
- <div>
15
- <%= pb_rails("body", props: {
16
- color: "light",
17
- padding_left: "xs",
18
- size: 4,
19
- tag:"h4",
20
- text: "No Filter Selected"
21
- }) %>
22
- </div>
23
- <% else %>
24
- <div class="filter">
25
- <%= pb_rails("caption", props: { text: filter[:name]}) %>
26
- <%= pb_rails("title", props: { size: 4, tag:"h4", text: filter[:value]}) %>
12
+ <% if object.filters&.none? { |filter| filter[:name].present? } %>
13
+ <div>
14
+ <%= pb_rails("body", props: {
15
+ color: "light",
16
+ padding_left: "xs",
17
+ size: 4,
18
+ tag:"span",
19
+ text: "No Filter Selected"
20
+ }) %>
27
21
  </div>
22
+ <% end %>
23
+ <% object.filters&.each do |filter| %>
24
+ <% if filter[:name].present? %>
25
+ <div class="filter">
26
+ <%= pb_rails("caption", props: { text: filter[:name]}) %>
27
+ <%= pb_rails("title", props: { size: 4, tag:"h4", text: filter[:value]}) %>
28
+ </div>
28
29
  <% end %>
29
30
  <% end %>
30
31
  <div class="right_gradient"></div>
@@ -2,8 +2,7 @@
2
2
  @import "../tokens/titles";
3
3
  @import "../tokens/colors";
4
4
 
5
-
6
- [class^=pb_text_input_kit] {
5
+ [class^="pb_text_input_kit"] {
7
6
  margin-bottom: $space_sm;
8
7
  .pb_text_input_kit_label {
9
8
  margin-bottom: $space_xs;
@@ -22,8 +21,8 @@
22
21
  overflow: hidden;
23
22
  }
24
23
  input:hover,
25
- .text_input:hover{
26
- background-color: rgba($focus_input_light,$opacity_5);
24
+ .text_input:hover {
25
+ background-color: rgba($focus_input_light, $opacity_5);
27
26
  }
28
27
  input:focus,
29
28
  .text_input:focus,
@@ -32,7 +31,7 @@
32
31
  @include pb_textarea_focus;
33
32
  @include transition_default;
34
33
  border-color: $primary;
35
- background-color: rgba($focus_input_light,$opacity_5);
34
+ background-color: rgba($focus_input_light, $opacity_5);
36
35
  }
37
36
  }
38
37
  &.dark {
@@ -52,15 +51,16 @@
52
51
  .text_input .placeholder {
53
52
  @include pb_body_light_dark;
54
53
  }
55
- input, .text_input {
54
+ input,
55
+ .text_input {
56
56
  @include pb_textarea_dark;
57
57
  @include pb_body_dark;
58
58
  overflow: hidden;
59
- background-color: rgba($white,$opacity_1);
59
+ background-color: rgba($white, $opacity_1);
60
60
  border-color: rgba($white, 0.15);
61
61
  }
62
62
  input:hover,
63
- .text_input:hover{
63
+ .text_input:hover {
64
64
  background-color: rgba($white, 0.15);
65
65
  }
66
66
  input:focus,
@@ -73,7 +73,8 @@
73
73
  }
74
74
  &.error {
75
75
  .text_input_wrapper {
76
- input, .text_input {
76
+ input,
77
+ .text_input {
77
78
  border-color: $error_dark;
78
79
  }
79
80
  }
@@ -81,10 +82,11 @@
81
82
  }
82
83
  &.error {
83
84
  .text_input_wrapper {
84
- [class*=pb_body_kit] {
85
+ [class*="pb_body_kit"] {
85
86
  margin-top: $space_xs / 2;
86
87
  }
87
- input, .text_input {
88
+ input,
89
+ .text_input {
88
90
  border-color: $error;
89
91
  }
90
92
  }
@@ -151,90 +153,92 @@
151
153
  }
152
154
  }
153
155
  }
154
- }
155
156
 
156
- .text_input_wrapper_add_on {
157
- & > [class^=pb_text_input_kit]:not(:last-child) {
158
- .text_input_wrapper_add_on input, [class^=pb_text_input_kit] .text_input_wrapper_add_on .text_input {
159
- border-bottom-right-radius: 0;
160
- border-top-right-radius: 0;
161
- border-right-width: 0;
157
+ .text_input_wrapper_add_on {
158
+ & > [class^="pb_text_input_kit"]:not(:last-child) {
159
+ .text_input_wrapper_add_on input,
160
+ [class^="pb_text_input_kit"] .text_input_wrapper_add_on .text_input {
161
+ border-bottom-right-radius: 0;
162
+ border-top-right-radius: 0;
163
+ border-right-width: 0;
164
+ }
165
+ }
166
+ .section-separator span {
167
+ padding: 0;
162
168
  }
163
- }
164
- .section-separator span {
165
- padding: 0;
166
- }
167
169
 
168
- .add-on {
169
- &-card {
170
- height: 45px;
171
- margin: 0;
172
- padding: 0 !important;
173
- align-items: center;
174
- justify-content: center;
175
- width: 45px;
176
- }
177
- &-icon {
178
- color: $text_lt_lighter;
179
- }
180
- &-card-dark {
181
- background-color: $bg-dark;
182
- }
183
- &-left {
184
- .text_input {
185
- border-top-left-radius: 0;
186
- border-bottom-left-radius: 0;
170
+ .add-on {
171
+ &-card {
172
+ height: 45px;
173
+ margin: 0;
174
+ padding: 0 !important;
175
+ align-items: center;
176
+ justify-content: center;
177
+ width: 45px;
178
+ }
179
+ &-icon {
180
+ color: $text_lt_lighter;
181
+ }
182
+ &-card-dark {
183
+ background-color: rgba($white, $opacity_1);
184
+ border-color: rgba($white, 0.15);
185
+ }
186
+ &-left {
187
+ .text_input {
188
+ border-top-left-radius: 0;
189
+ border-bottom-left-radius: 0;
190
+ }
187
191
  }
188
- }
189
192
 
190
- &-right {
191
- .text_input{
192
- border-top-right-radius: 0;
193
- border-bottom-right-radius: 0;
193
+ &-right {
194
+ .text_input {
195
+ border-top-right-radius: 0;
196
+ border-bottom-right-radius: 0;
197
+ }
194
198
  }
195
199
  }
196
- }
197
- .text_input:focus ~ .add-on-card-dark {
198
- background-color: $focus_input_dark;
199
- border-width: 0px;
200
- }
201
- .card-left-aligned {
202
- border-top-right-radius: 0;
203
- border-bottom-right-radius: 0;
204
- }
205
-
206
- .card-right-aligned {
207
- border-top-left-radius: 0;
208
- border-bottom-left-radius: 0;
209
- }
200
+ .text_input:focus ~ .add-on-card-dark {
201
+ background-color: $focus_input_dark;
202
+ border-width: 0px;
203
+ }
204
+ .card-left-aligned {
205
+ border-top-right-radius: 0;
206
+ border-bottom-right-radius: 0;
207
+ }
210
208
 
211
- .border {
212
- &_right_off {
213
- .card-left-aligned {
214
- border-right: 0;
215
- }
216
- .text_input {
217
- border-left: 0;
218
- padding-left: 16px;
219
- }
209
+ .card-right-aligned {
210
+ border-top-left-radius: 0;
211
+ border-bottom-left-radius: 0;
220
212
  }
221
- &_left_on {
222
- .card-right-aligned {
223
- border-left: 0;
213
+
214
+ .border {
215
+ &_right_off {
216
+ .card-left-aligned {
217
+ border-right: 0;
218
+ }
219
+ .text_input {
220
+ border-left: 0;
221
+ padding-left: 16px;
222
+ }
224
223
  }
225
- }
226
- &_right_on {
227
- .card-left-aligned {
228
- border-right: 0;
224
+ &_left_on {
225
+ .card-right-aligned {
226
+ border-left: 0;
227
+ }
229
228
  }
230
- }
231
- &_left_off {
232
- .card-right-aligned {
233
- border-left: 0;
229
+ &_right_on {
230
+ .card-left-aligned {
231
+ border-right: 0;
232
+ }
234
233
  }
235
- .text_input {
236
- border-right: 0;
237
- padding-right: 0;
234
+ &_left_off {
235
+ .card-right-aligned {
236
+ border-left: 0;
237
+ }
238
+ .text_input {
239
+ border-right: 0;
240
+ padding-right: 0;
241
+ }
238
242
  }
239
243
  }
240
244
  }