Skip to content

Commit 472fa59

Browse files
brianferrybrianferry
committed
docs(alert): inline scripts, heading tags fixing
1 parent d97a4f7 commit 472fa59

File tree

8 files changed

+43
-55
lines changed

8 files changed

+43
-55
lines changed

‎elements/pf-alert/demo/custom-icons.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
1-
<link rel="stylesheet" href="demo.css">
2-
<script type="module" src="pf-alert.js"></script>
1+
<link rel="stylesheet" href="demo.css"><script type="module" src="pf-alert.js"></script>
32

43
<pf-alert header="Custom icon">
54
<pf-icon slot="icon" set="fas" icon="users" loading="idle"></pf-icon>

‎elements/pf-alert/demo/inline.html‎

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,21 @@
1-
<link rel="stylesheet" href="demo.css">
2-
<script type="module" src="pf-alert.js"></script>
1+
<link rel="stylesheet" href="demo.css"><script type="module" src="pf-alert.js"></script>
32

4-
<h1>
3+
<h2>
54
Inline
6-
</h1>
5+
</h2>
76

87
<pf-alert header="Default inline" inline></pf-alert>
98
<pf-alert variant="info" header="Info inline" inline></pf-alert>
109
<pf-alert variant="success" header="Success inline" inline></pf-alert>
1110
<pf-alert variant="warning" header="Warning inline" inline></pf-alert>
1211
<pf-alert variant="danger" header="Danger inline" inline></pf-alert>
1312

14-
<h1>
13+
<h2>
1514
Inline Plain
16-
</h1>
15+
</h2>
1716

1817
<pf-alert header="Default inline" inline plain></pf-alert>
1918
<pf-alert variant="info" header="Info inline" inline plain></pf-alert>
2019
<pf-alert variant="success" header="Success inline" inline plain></pf-alert>
2120
<pf-alert variant="warning" header="Warning inline" inline plain></pf-alert>
22-
<pf-alert variant="danger" header="Danger inline" inline plain></pf-alert>
21+
<pf-alert variant="danger" header="Danger inline" inline plain></pf-alert>

‎elements/pf-alert/demo/kitchen-sink.html‎

Lines changed: 18 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,14 @@
1-
<link rel="stylesheet" href="demo.css">
2-
<script type="module" src="pf-alert.js"></script>
1+
<link rel="stylesheet" href="demo.css"><script type="module" src="pf-alert.js"></script>
32

43
<pf-alert header="Default alert title"></pf-alert>
54
<pf-alert variant="info" header="Info alert title"></pf-alert>
65
<pf-alert variant="success" header="Success alert title"></pf-alert>
76
<pf-alert variant="warning" header="Warning alert title"></pf-alert>
87
<pf-alert variant="danger" header="Danger alert title"></pf-alert>
98

10-
<h1>
11-
Alert Variations
12-
</h1>
9+
<h2>
10+
Alert Variations
11+
</h2>
1312

1413
<pf-alert header="Success alert title" variant="success" dismissable>
1514
<p>Success alert description. This should tell the user more information about the alert.</p>
@@ -41,9 +40,9 @@ <h1>
4140

4241
<pf-alert header="Success alert title" variant="success" dismissable></pf-alert>
4342

44-
<h1>
43+
<h2>
4544
Default Icons
46-
</h1>
45+
</h2>
4746

4847
<pf-alert header="Custom icon">
4948
<pf-icon slot="icon" set="fas" icon="users" loading="idle"></pf-icon>
@@ -61,9 +60,9 @@ <h1>
6160
<pf-icon slot="icon" set="fas" icon="laptop" loading="idle"></pf-icon>
6261
</pf-alert>
6362

64-
<h1>
63+
<h2>
6564
Plain
66-
</h1>
65+
</h2>
6766

6867
<pf-alert header="Default plain" plain></pf-alert>
6968
<pf-alert variant="info" header="Info plain" plain></pf-alert>
@@ -74,45 +73,45 @@ <h1>
7473
<pf-alert variant="warning" header="Warning plain" plain></pf-alert>
7574
<pf-alert variant="danger" header="Danger plain" plain></pf-alert>
7675

77-
<h1>
76+
<h2>
7877
Inline
79-
</h1>
78+
</h2>
8079

8180
<pf-alert header="Default inline" inline></pf-alert>
8281
<pf-alert variant="info" header="Info inline" inline></pf-alert>
8382
<pf-alert variant="success" header="Success inline" inline></pf-alert>
8483
<pf-alert variant="warning" header="Warning inline" inline></pf-alert>
8584
<pf-alert variant="danger" header="Danger inline" inline></pf-alert>
8685

87-
<h1>
86+
<h2>
8887
Plain
89-
</h1>
88+
</h2>
9089

9190
<pf-alert header="Default inline" plain></pf-alert>
9291
<pf-alert variant="info" header="Info inline" plain></pf-alert>
9392
<pf-alert variant="success" header="Success inline" plain></pf-alert>
9493
<pf-alert variant="warning" header="Warning inline" plain></pf-alert>
9594
<pf-alert variant="danger" header="Danger inline" plain></pf-alert>
9695

97-
<h1>
96+
<h2>
9897
Inline Plain
99-
</h1>
98+
</h2>
10099

101100
<pf-alert header="Default inline" inline plain></pf-alert>
102101
<pf-alert variant="info" header="Info inline" inline plain></pf-alert>
103102
<pf-alert variant="success" header="Success inline" inline plain></pf-alert>
104103
<pf-alert variant="warning" header="Warning inline" inline plain></pf-alert>
105104
<pf-alert variant="danger" header="Danger inline" inline plain></pf-alert>
106105

107-
<h1>
106+
<h2>
108107
Truncated Title
109-
</h1>
108+
</h2>
110109

111110
<pf-alert style="width:100px;" truncate-title header="It was the best of times, it was the worst of times, it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of light, it was the season of darkness, it was the spring of hope, it was the winter of despair."></pf-alert>
112111

113-
<h1>
112+
<h2>
114113
Timeout
115-
</h1>
114+
</h2>
116115

117116
<pf-button id="create-timeout-alert">Create default timeout alert</pf-button>
118117
<pf-button id="create-timeout-inline-alert">Create inline timeout alert</pf-button>

‎elements/pf-alert/demo/pf-alert.html‎

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,3 @@
1-
<link rel="stylesheet" href="demo.css">
2-
<script type="module" src="pf-alert.js"></script>
1+
<link rel="stylesheet" href="demo.css"><script type="module" src="pf-alert.js"></script>
32

43
<pf-alert header="Default alert title"></pf-alert>
5-
<pf-alert variant="info" header="Info alert title"></pf-alert>
6-
<pf-alert variant="success" header="Success alert title"></pf-alert>
7-
<pf-alert variant="warning" header="Warning alert title"></pf-alert>
8-
<pf-alert variant="danger" header="Danger alert title"></pf-alert>

‎elements/pf-alert/demo/plain.html‎

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
1-
<link rel="stylesheet" href="demo.css">
2-
<script type="module" src="pf-alert.js"></script>
1+
<link rel="stylesheet" href="demo.css"><script type="module" src="pf-alert.js"></script>
32

4-
<h1>
3+
<h2>
54
Plain
6-
</h1>
5+
</h2>
76

87
<pf-alert header="Default plain" plain></pf-alert>
98
<pf-alert variant="info" header="Info plain" plain></pf-alert>
@@ -14,9 +13,9 @@ <h1>
1413
<pf-alert variant="warning" header="Warning plain" plain></pf-alert>
1514
<pf-alert variant="danger" header="Danger plain" plain></pf-alert>
1615

17-
<h1>
16+
<h2>
1817
Inline Plain
19-
</h1>
18+
</h2>
2019

2120
<pf-alert header="Default inline" inline plain></pf-alert>
2221
<pf-alert variant="info" header="Info inline" inline plain></pf-alert>

‎elements/pf-alert/demo/timeout.html‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
1-
<link rel="stylesheet" href="demo.css">
2-
<script type="module" src="timeout.js"></script>
1+
<link rel="stylesheet" href="demo.css"><script type="module" src="timeout.js"></script>
32

4-
<h1>
3+
<h2>
54
Timeout
6-
</h1>
5+
</h2>
76

87
<pf-button id="create-timeout-alert">Create default timeout alert</pf-button>
98
<pf-button id="create-timeout-inline-alert">Create inline timeout alert</pf-button>

‎elements/pf-alert/demo/truncated.html‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
1-
<link rel="stylesheet" href="demo.css">
2-
<script type="module" src="pf-alert.js"></script>
1+
<link rel="stylesheet" href="demo.css"><script type="module" src="pf-alert.js"></script>
32

4-
<h1>
3+
<h2>
54
Truncated Title
6-
</h1>
5+
</h2>
76

8-
<pf-alert style="width:100px;" truncate-title header="It was the best of times, it was the worst of times, it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of light, it was the season of darkness, it was the spring of hope, it was the winter of despair."></pf-alert>
7+
<pf-alert style="width:100px;" truncate-title header="It was the best of times, it was the worst of times, it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of light, it was the season of darkness, it was the spring of hope, it was the winter of despair."></pf-alert>

‎elements/pf-alert/demo/variants.html‎

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,14 @@
1-
<link rel="stylesheet" href="demo.css">
2-
<script type="module" src="pf-alert.js"></script>
1+
<link rel="stylesheet" href="demo.css"><script type="module" src="pf-alert.js"></script>
32

43
<pf-alert header="Default alert title"></pf-alert>
54
<pf-alert variant="info" header="Info alert title"></pf-alert>
65
<pf-alert variant="success" header="Success alert title"></pf-alert>
76
<pf-alert variant="warning" header="Warning alert title"></pf-alert>
87
<pf-alert variant="danger" header="Danger alert title"></pf-alert>
98

10-
<h1>
11-
Alert Variations
12-
</h1>
9+
<h2>
10+
Alert Variations
11+
</h2>
1312

1413
<pf-alert header="Success alert title" variant="success" dismissable>
1514
<p>Success alert description. This should tell the user more information about the alert.</p>
@@ -39,4 +38,4 @@ <h1>
3938
<button slot="actions">Ignore</button>
4039
</pf-alert>
4140

42-
<pf-alert header="Success alert title" variant="success" dismissable></pf-alert>
41+
<pf-alert header="Success alert title" variant="success" dismissable></pf-alert>

0 commit comments

Comments
 (0)