Skip to content

Commit 3e85ce0

Browse files
Nisarg-18bartaz
Nisarg-18
authored and
bartaz
committed
fix: removed white spaces from HTML code in search and filter examples
1 parent dd2fb94 commit 3e85ce0

File tree

5 files changed

+76
-205
lines changed

5 files changed

+76
-205
lines changed

‎scss/_patterns_search-and-filter.scss

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -196,7 +196,6 @@
196196

197197
&[aria-expanded='false'] {
198198
max-height: 5rem; // 2 rows of chips
199-
font-size: 0;
200199
}
201200
}
202201

‎templates/docs/examples/patterns/search-and-filter/chip-overflow.html

Lines changed: 19 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -57,67 +57,35 @@
5757
<div class="p-filter-panel-section">
5858
<h5 class="p-filter-panel-section__heading">Cloud</h5>
5959
<div class="p-filter-panel-section__chips" aria-expanded="false">
60-
<button class="p-chip">
61-
<span class="p-chip__lead">CLOUD</span><span class="p-chip__value">Google</span>
62-
</button>
63-
<button class="p-chip">
64-
<span class="p-chip__lead">CLOUD</span><span class="p-chip__value">AWS</span>
65-
</button>
66-
<button class="p-chip">
67-
<span class="p-chip__lead">CLOUD</span><span class="p-chip__value">Azure</span>
68-
</button>
69-
</div>
60+
<button class="p-chip"><span class="p-chip__lead">CLOUD</span><span class="p-chip__value">Google</span></button><!--
61+
--><button class="p-chip"><span class="p-chip__lead">CLOUD</span><span class="p-chip__value">AWS</span></button><!--
62+
--><button class="p-chip"><span class="p-chip__lead">CLOUD</span><span class="p-chip__value">Azure</span></button>
63+
</div>
7064
</div>
7165

7266
<div class="p-filter-panel-section">
7367
<h5 class="p-filter-panel-section__heading">Region</h5>
7468
<div class="p-filter-panel-section__chips" aria-expanded="false">
75-
<button class="p-chip">
76-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east1</span>
77-
</button>
78-
<button class="p-chip">
79-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-north2</span>
80-
</button>
81-
<button class="p-chip">
82-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-south3</span>
83-
</button>
84-
<button class="p-chip">
85-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-north4</span>
86-
</button>
87-
<button class="p-chip">
88-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east5</span>
89-
</button>
90-
<button class="p-chip">
91-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-south6</span>
92-
</button>
93-
<button class="p-chip">
94-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east7</span>
95-
</button>
96-
<button class="p-chip">
97-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east8</span>
98-
</button>
99-
<button class="p-chip">
100-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east9</span>
101-
</button>
102-
<button class="p-chip">
103-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east10</span>
104-
</button>
105-
</div>
69+
<button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east1</span></button><!--
70+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-north2</span></button><!--
71+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-south3</span></button><!--
72+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-north4</span></button><!--
73+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east5</span></button><!--
74+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-south6</span></button><!--
75+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east7</span></button><!--
76+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east8</span></button><!--
77+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east9</span></button><!--
78+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east10</span></button>
79+
</div>
10680
</div>
10781

10882
<div class="p-filter-panel-section">
10983
<h5 class="p-filter-panel-section__heading">Owner</h5>
11084
<div class="p-filter-panel-section__chips" aria-expanded="false">
111-
<button class="p-chip">
112-
<span class="p-chip__lead">OWNER</span><span class="p-chip__value">foo</span>
113-
</button>
114-
<button class="p-chip">
115-
<span class="p-chip__lead">OWNER</span><span class="p-chip__value">bar</span>
116-
</button>
117-
<button class="p-chip">
118-
<span class="p-chip__lead">OWNER</span><span class="p-chip__value">baz</span>
119-
</button>
120-
</div>
85+
<button class="p-chip"><span class="p-chip__lead">OWNER</span><span class="p-chip__value">foo</span></button><!--
86+
--><button class="p-chip"><span class="p-chip__lead">OWNER</span><span class="p-chip__value">bar</span></button><!--
87+
--><button class="p-chip"><span class="p-chip__lead">OWNER</span><span class="p-chip__value">baz</span></button>
88+
</div>
12189
</div>
12290
</div>
12391
</div>

‎templates/docs/examples/patterns/search-and-filter/default.html

Lines changed: 19 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -16,67 +16,35 @@
1616
<div class="p-filter-panel-section">
1717
<h5 class="p-filter-panel-section__heading">Cloud</h5>
1818
<div class="p-filter-panel-section__chips" aria-expanded="false">
19-
<button class="p-chip">
20-
<span class="p-chip__lead">CLOUD</span><span class="p-chip__value">Google</span>
21-
</button>
22-
<button class="p-chip">
23-
<span class="p-chip__lead">CLOUD</span><span class="p-chip__value">AWS</span>
24-
</button>
25-
<button class="p-chip">
26-
<span class="p-chip__lead">CLOUD</span><span class="p-chip__value">Azure</span>
27-
</button>
28-
</div>
19+
<button class="p-chip"><span class="p-chip__lead">CLOUD</span><span class="p-chip__value">Google</span></button><!--
20+
--><button class="p-chip"><span class="p-chip__lead">CLOUD</span><span class="p-chip__value">AWS</span></button><!--
21+
--><button class="p-chip"><span class="p-chip__lead">CLOUD</span><span class="p-chip__value">Azure</span></button>
22+
</div>
2923
</div>
3024

3125
<div class="p-filter-panel-section">
3226
<h5 class="p-filter-panel-section__heading">Region</h5>
3327
<div class="p-filter-panel-section__chips" aria-expanded="false">
34-
<button class="p-chip">
35-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east1</span>
36-
</button>
37-
<button class="p-chip">
38-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-north2</span>
39-
</button>
40-
<button class="p-chip">
41-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-south3</span>
42-
</button>
43-
<button class="p-chip">
44-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-north4</span>
45-
</button>
46-
<button class="p-chip">
47-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east5</span>
48-
</button>
49-
<button class="p-chip">
50-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-south6</span>
51-
</button>
52-
<button class="p-chip">
53-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east7</span>
54-
</button>
55-
<button class="p-chip">
56-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east8</span>
57-
</button>
58-
<button class="p-chip">
59-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east9</span>
60-
</button>
61-
<button class="p-chip">
62-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east10</span>
63-
</button>
64-
</div>
28+
<button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east1</span></button><!--
29+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-north2</span></button><!--
30+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-south3</span></button><!--
31+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-north4</span></button><!--
32+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east5</span></button><!--
33+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-south6</span></button><!--
34+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east7</span></button><!--
35+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east8</span></button><!--
36+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east9</span></button><!--
37+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east10</span></button>
38+
</div>
6539
</div>
6640

6741
<div class="p-filter-panel-section">
6842
<h5 class="p-filter-panel-section__heading">Owner</h5>
6943
<div class="p-filter-panel-section__chips" aria-expanded="false">
70-
<button class="p-chip">
71-
<span class="p-chip__lead">OWNER</span><span class="p-chip__value">foo</span>
72-
</button>
73-
<button class="p-chip">
74-
<span class="p-chip__lead">OWNER</span><span class="p-chip__value">bar</span>
75-
</button>
76-
<button class="p-chip">
77-
<span class="p-chip__lead">OWNER</span><span class="p-chip__value">baz</span>
78-
</button>
79-
</div>
44+
<button class="p-chip"><span class="p-chip__lead">OWNER</span><span class="p-chip__value">foo</span></button><!--
45+
--><button class="p-chip"><span class="p-chip__lead">OWNER</span><span class="p-chip__value">bar</span></button><!--
46+
--><button class="p-chip"><span class="p-chip__lead">OWNER</span><span class="p-chip__value">baz</span></button>
47+
</div>
8048
</div>
8149
</div>
8250
</div>

‎templates/docs/examples/patterns/search-and-filter/expanded.html

Lines changed: 19 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -16,67 +16,35 @@
1616
<div class="p-filter-panel-section">
1717
<h5 class="p-filter-panel-section__heading">Cloud</h5>
1818
<div class="p-filter-panel-section__chips" aria-expanded="false">
19-
<button class="p-chip">
20-
<span class="p-chip__lead">CLOUD</span><span class="p-chip__value">Google</span>
21-
</button>
22-
<button class="p-chip">
23-
<span class="p-chip__lead">CLOUD</span><span class="p-chip__value">AWS</span>
24-
</button>
25-
<button class="p-chip">
26-
<span class="p-chip__lead">CLOUD</span><span class="p-chip__value">Azure</span>
27-
</button>
19+
<button class="p-chip"><span class="p-chip__lead">CLOUD</span><span class="p-chip__value">Google</span></button><!--
20+
--><button class="p-chip"><span class="p-chip__lead">CLOUD</span><span class="p-chip__value">AWS</span></button><!--
21+
--><button class="p-chip"><span class="p-chip__lead">CLOUD</span><span class="p-chip__value">Azure</span></button>
2822
</div>
29-
</div>
23+
</div>
3024

3125
<div class="p-filter-panel-section">
3226
<h5 class="p-filter-panel-section__heading">Region</h5>
3327
<div class="p-filter-panel-section__chips" aria-expanded="false">
34-
<button class="p-chip">
35-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east1</span>
36-
</button>
37-
<button class="p-chip">
38-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-north2</span>
39-
</button>
40-
<button class="p-chip">
41-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-south3</span>
42-
</button>
43-
<button class="p-chip">
44-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-north4</span>
45-
</button>
46-
<button class="p-chip">
47-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east5</span>
48-
</button>
49-
<button class="p-chip">
50-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-south6</span>
51-
</button>
52-
<button class="p-chip">
53-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east7</span>
54-
</button>
55-
<button class="p-chip">
56-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east8</span>
57-
</button>
58-
<button class="p-chip">
59-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east9</span>
60-
</button>
61-
<button class="p-chip">
62-
<span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east10</span>
63-
</button>
64-
</div>
28+
<button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east1</span></button><!--
29+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-north2</span></button><!--
30+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-south3</span></button><!--
31+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-north4</span></button><!--
32+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east5</span></button><!--
33+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-south6</span></button><!--
34+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east7</span></button><!--
35+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east8</span></button><!--
36+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east9</span></button><!--
37+
--><button class="p-chip"><span class="p-chip__lead">REGION</span><span class="p-chip__value">us-east10</span></button>
38+
</div>
6539
</div>
6640

6741
<div class="p-filter-panel-section">
6842
<h5 class="p-filter-panel-section__heading">Owner</h5>
6943
<div class="p-filter-panel-section__chips" aria-expanded="false">
70-
<button class="p-chip">
71-
<span class="p-chip__lead">OWNER</span><span class="p-chip__value">foo</span>
72-
</button>
73-
<button class="p-chip">
74-
<span class="p-chip__lead">OWNER</span><span class="p-chip__value">bar</span>
75-
</button>
76-
<button class="p-chip">
77-
<span class="p-chip__lead">OWNER</span><span class="p-chip__value">baz</span>
78-
</button>
79-
</div>
44+
<button class="p-chip"><span class="p-chip__lead">OWNER</span><span class="p-chip__value">foo</span></button><!--
45+
--><button class="p-chip"><span class="p-chip__lead">OWNER</span><span class="p-chip__value">bar</span></button><!--
46+
--><button class="p-chip"><span class="p-chip__lead">OWNER</span><span class="p-chip__value">baz</span></button>
47+
</div>
8048
</div>
8149
</div>
8250
</div>

0 commit comments

Comments
 (0)