fix(dialog): add href to CTA host's in all demos

RedHat-UX · Dec 13, 2024 · fb242b0 · fb242b0
1 parent 2eb2add
commit fb242b0
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 14 deletions.
diff --git a/elements/rh-dialog/demo/color-context.html b/elements/rh-dialog/demo/color-context.html
@@ -16,9 +16,7 @@ <h2 slot="header">Color Context</h2>
     <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed
       odio dui. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris
       condimentum nibh, ut fermentum massa justo sit amet risus.</p>
-    <rh-cta slot="footer">
-      <a href="#bar">Learn more</a>
-    </rh-cta>
+    <rh-cta slot="footer" href="#bar">Call to Action</rh-cta>
   </rh-dialog>
   <rh-button id="context-trigger">Open Dialog</rh-button>
 </rh-context-demo>

diff --git a/elements/rh-dialog/demo/events.html b/elements/rh-dialog/demo/events.html
@@ -6,9 +6,7 @@ <h2 slot="header">Modal dialog with a header</h2>
       aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
       fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
       anim id est laborum.</p>
-    <rh-cta>
-      <a href="#bar">Learn more</a>
-    </rh-cta>
+    <rh-cta slot="footer" href="#bar">Call to Action</rh-cta>
   </rh-dialog>
   <rh-button id="trigger">Open</rh-button>
   <fieldset>

diff --git a/elements/rh-dialog/demo/lots-of-content.html b/elements/rh-dialog/demo/lots-of-content.html
@@ -57,9 +57,7 @@ <h2 slot="header">Modal with a header with a truly excessive super duper long ti
   <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed
     odio dui. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris
     condimentum nibh, ut fermentum massa justo sit amet risus.</p>
-  <rh-cta slot="footer">
-    <a href="#bar">Learn more</a>
-  </rh-cta>
+  <rh-cta slot="footer" href="#bar">Call to Action</rh-cta>
 </rh-dialog>
 
 <script type="module">

diff --git a/elements/rh-dialog/demo/no-header-content.html b/elements/rh-dialog/demo/no-header-content.html
@@ -7,9 +7,7 @@ <h2>This dialog has no slotted header content</h2>
     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
     pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
     laborum.</p>
-  <rh-cta id="test-dark-child">
-    <a href="#">Call-to-action</a>
-  </rh-cta>
+  <rh-cta slot="footer" href="#bar">Call to Action</rh-cta>
 </rh-dialog>
 
 <script type="module">

diff --git a/elements/rh-dialog/demo/no-headings.html b/elements/rh-dialog/demo/no-headings.html
@@ -6,7 +6,7 @@
      attribute are provided, the dialog's accessible name defaults to the text content of its trigger element.
      Learn more about these attributes in the <a href="https://ux.redhat.com/elements/dialog/code/">rh-dialog docs</a>.
   </p>
-  <rh-cta slot="footer" href="#">Call-to-action</rh-cta>
+  <rh-cta slot="footer" href="#">Call to Action</rh-cta>
 </rh-dialog>
 
 <script type="module">

diff --git a/elements/rh-dialog/demo/rh-dialog.html b/elements/rh-dialog/demo/rh-dialog.html
@@ -6,7 +6,7 @@ <h2 slot="header">Modal dialog with a header</h2>
     aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
     fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
     anim id est laborum.</p>
-  <rh-cta slot="footer" href="#bar">Learn more</rh-cta>
+  <rh-cta slot="footer" href="#bar">Call to Action</rh-cta>
 </rh-dialog>
 
 <script type="module">