mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-22 09:26:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #93 from Shirobachi/fix-modal-call

Browse source 
Fix modal calls
This commit is contained in:
Lucas Larroche 2021-12-31 11:08:23 +07:00 • committed by GitHub
commit c430d146f7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

8
docs/modal.html
View file

@ -27,7 +27,7 @@
&lt;/<b>dialog</b>&gt;</code></pre><hgroup><h2>Live demo</h2><h3>Toggle a modal by clicking the button below.</h3></hgroup><article><button class="contrast" data-target="modal-example" onclick="toggleModal(event)">Launch demo modal</button><footer class="code"><pre><code><em>&lt;!-- Button to trigger the modal --&gt;</em> &lt;/<b>dialog</b>&gt;</code></pre><hgroup><h2>Live demo</h2><h3>Toggle a modal by clicking the button below.</h3></hgroup><article><button class="contrast" data-target="modal-example" onclick="toggleModal(event)">Launch demo modal</button><footer class="code"><pre><code><em>&lt;!-- Button to trigger the modal --&gt;</em>
&lt;<b>button</b> <i>class</i>=<u>"contrast"</u> &lt;<b>button</b> <i>class</i>=<u>"contrast"</u>
<i>data-target</i>=<u>"modal-example"</u> <i>data-target</i>=<u>"modal-example"</u>
<i>onClick</i>=<u>"toggleModal()"</u>&gt; <i>onClick</i>=<u>"toggleModal(event)"</u>&gt;
Launch demo modal Launch demo modal
&lt;/<b>button</b>&gt; &lt;/<b>button</b>&gt;
@ -38,7 +38,7 @@
<i>aria-label</i>=<u>"Close"</u>&gt; <i>aria-label</i>=<u>"Close"</u>&gt;
<i>class</i>=<u>"close"</u> <i>class</i>=<u>"close"</u>
<i>data-target</i>=<u>"modal-example"</u> <i>data-target</i>=<u>"modal-example"</u>
<i>onClick</i>=<u>"toggleModal()"</u>&gt; <i>onClick</i>=<u>"toggleModal(event)"</u>&gt;
&lt;/<b>a</b>&gt; &lt;/<b>a</b>&gt;
&lt;<b>h3</b>&gt;Confirm your action!&lt;/<b>h3</b>&gt; &lt;<b>h3</b>&gt;Confirm your action!&lt;/<b>h3</b>&gt;
&lt;<b>p</b>&gt; &lt;<b>p</b>&gt;
@ -51,13 +51,13 @@
<i>role</i>=<u>"button"</u>&gt; <i>role</i>=<u>"button"</u>&gt;
<i>class</i>=<u>"secondary"</u> <i>class</i>=<u>"secondary"</u>
<i>data-target</i>=<u>"modal-example"</u> <i>data-target</i>=<u>"modal-example"</u>
<i>onClick</i>=<u>"toggleModal()"</u>&gt; <i>onClick</i>=<u>"toggleModal(event)"</u>&gt;
Cancel Cancel
&lt;/<b>a</b>&gt; &lt;/<b>a</b>&gt;
&lt;<b>a</b> <i>href</i>=<u>"#confirm"</u> &lt;<b>a</b> <i>href</i>=<u>"#confirm"</u>
<i>role</i>=<u>"button"</u> <i>role</i>=<u>"button"</u>
<i>data-target</i>=<u>"modal-example"</u> <i>data-target</i>=<u>"modal-example"</u>
<i>onClick</i>=<u>"toggleModal()"</u>&gt; <i>onClick</i>=<u>"toggleModal(event)"</u>&gt;
Confirm Confirm
&lt;/<b>a</b>&gt; &lt;/<b>a</b>&gt;
&lt;/<b>footer</b>&gt; &lt;/<b>footer</b>&gt;

8
docs/src/modal.html
View file

@ -98,7 +98,7 @@
<pre><code><em>&lt;!-- Button to trigger the modal --&gt;</em> <pre><code><em>&lt;!-- Button to trigger the modal --&gt;</em>
&lt;<b>button</b> <i>class</i>=<u>"contrast"</u> &lt;<b>button</b> <i>class</i>=<u>"contrast"</u>
<i>data-target</i>=<u>"modal-example"</u> <i>data-target</i>=<u>"modal-example"</u>
<i>onClick</i>=<u>"toggleModal()"</u>&gt; <i>onClick</i>=<u>"toggleModal(event)"</u>&gt;
Launch demo modal Launch demo modal
&lt;/<b>button</b>&gt; &lt;/<b>button</b>&gt;
@ -109,7 +109,7 @@
<i>aria-label</i>=<u>"Close"</u>&gt; <i>aria-label</i>=<u>"Close"</u>&gt;
<i>class</i>=<u>"close"</u> <i>class</i>=<u>"close"</u>
<i>data-target</i>=<u>"modal-example"</u> <i>data-target</i>=<u>"modal-example"</u>
<i>onClick</i>=<u>"toggleModal()"</u>&gt; <i>onClick</i>=<u>"toggleModal(event)"</u>&gt;
&lt;/<b>a</b>&gt; &lt;/<b>a</b>&gt;
&lt;<b>h3</b>&gt;Confirm your action!&lt;/<b>h3</b>&gt; &lt;<b>h3</b>&gt;Confirm your action!&lt;/<b>h3</b>&gt;
&lt;<b>p</b>&gt; &lt;<b>p</b>&gt;
@ -122,13 +122,13 @@
<i>role</i>=<u>"button"</u>&gt; <i>role</i>=<u>"button"</u>&gt;
<i>class</i>=<u>"secondary"</u> <i>class</i>=<u>"secondary"</u>
<i>data-target</i>=<u>"modal-example"</u> <i>data-target</i>=<u>"modal-example"</u>
<i>onClick</i>=<u>"toggleModal()"</u>&gt; <i>onClick</i>=<u>"toggleModal(event)"</u>&gt;
Cancel Cancel
&lt;/<b>a</b>&gt; &lt;/<b>a</b>&gt;
&lt;<b>a</b> <i>href</i>=<u>"#confirm"</u> &lt;<b>a</b> <i>href</i>=<u>"#confirm"</u>
<i>role</i>=<u>"button"</u> <i>role</i>=<u>"button"</u>
<i>data-target</i>=<u>"modal-example"</u> <i>data-target</i>=<u>"modal-example"</u>
<i>onClick</i>=<u>"toggleModal()"</u>&gt; <i>onClick</i>=<u>"toggleModal(event)"</u>&gt;
Confirm Confirm
&lt;/<b>a</b>&gt; &lt;/<b>a</b>&gt;
&lt;/<b>footer</b>&gt; &lt;/<b>footer</b>&gt;