Skip to content

Commit a937132

Browse files
author
Will Bamberg
committed
Added tooltips for alert icon
1 parent 247d867 commit a937132

2 files changed

Lines changed: 13 additions & 12 deletions

File tree

‎editable-samples-2/css/editable.css‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -79,6 +79,7 @@ p {
7979
position: absolute;
8080
top: .75em;
8181
right: 5.5em;
82+
cursor: pointer;
8283
}
8384

8485
.hidden {

‎editable-samples-2/pages/filter/index.html‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -10,18 +10,18 @@
1010
<body>
1111

1212
<pre id="example-choice-list">
13-
<div class="example-choice"><code class="language-css">filter: url("svg/example.svg#element-id");</code><img class="error hidden" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
14-
<div class="example-choice"><code class="language-css">filter: blur(5px);</code><img class="error hidden" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
15-
<div class="example-choice"><code class="language-css">filter: brightness(0.4);</code><img class="error hidden" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
16-
<div class="example-choice"><code class="language-css">filter: contrast(200%);</code><img class="error hidden" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
17-
<div class="example-choice"><code class="language-css">filter: drop-shadow(16px 16px 20px blue);</code><img class="error hidden" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
18-
<div class="example-choice"><code class="language-css">filter: grayscale(50%);</code><img class="error hidden" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
19-
<div class="example-choice"><code class="language-css">filter: hue-rotate(90deg);</code><img class="error hidden" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
20-
<div class="example-choice"><code class="language-css">filter: invert(75%);</code><img class="error hidden" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
21-
<div class="example-choice"><code class="language-css">filter: opacity(25%);</code><img class="error hidden" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
22-
<div class="example-choice"><code class="language-css">filter: saturate(30%);</code><img class="error hidden" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
23-
<div class="example-choice"><code class="language-css">filter: sepia(60%);</code><img class="error hidden" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
24-
<div class="example-choice"><code class="language-css">filter: drop-shadow(16px 16px 20px red) invert(75%);</code><img class="error hidden" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div></pre>
13+
<div class="example-choice"><code class="language-css">filter: url("svg/example.svg#element-id");</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
14+
<div class="example-choice"><code class="language-css">filter: blur(5px);</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
15+
<div class="example-choice"><code class="language-css">filter: brightness(0.4);</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
16+
<div class="example-choice"><code class="language-css">filter: contrast(200%);</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
17+
<div class="example-choice"><code class="language-css">filter: drop-shadow(16px 16px 20px blue);</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
18+
<div class="example-choice"><code class="language-css">filter: grayscale(50%);</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
19+
<div class="example-choice"><code class="language-css">filter: hue-rotate(90deg);</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
20+
<div class="example-choice"><code class="language-css">filter: invert(75%);</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
21+
<div class="example-choice"><code class="language-css">filter: opacity(25%);</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
22+
<div class="example-choice"><code class="language-css">filter: saturate(30%);</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
23+
<div class="example-choice"><code class="language-css">filter: sepia(60%);</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div>
24+
<div class="example-choice"><code class="language-css">filter: drop-shadow(16px 16px 20px red) invert(75%);</code><img class="error hidden" title="Error: the CSS is invalid" src="../../img/alerticon-warning@2x.png" /><input class="reset" class="hidden" type="button" value="Reset" /></div></pre>
2525

2626
<div id="output">
2727
<img id="example-element" src="img/firefox.png"/>

0 commit comments

Comments
 (0)