summaryrefslogtreecommitdiff
path: root/Base/home
diff options
context:
space:
mode:
authorAndreas Kling <awesomekling@gmail.com>2019-10-14 17:54:17 +0200
committerAndreas Kling <awesomekling@gmail.com>2019-10-14 17:55:04 +0200
commit61ef17b87ad7e8003184c9635c1ea34d106562ee (patch)
tree91d6adc086ff06b2390db744aea2817f44c96da6 /Base/home
parent605a225b53197089c09b14cc507ca7c6d816694c (diff)
downloadserenity-61ef17b87ad7e8003184c9635c1ea34d106562ee.zip
LibHTML: Implement basic :hover pseudo-class support
This is currently very aggressive. Whenever the Document's hovered node changes, we invalidate all style and do a full relayout. It does look cool though. So cool that I'm adding it to the default stylesheet. :^)
Diffstat (limited to 'Base/home')
-rw-r--r--Base/home/anon/www/hover.html13
-rw-r--r--Base/home/anon/www/welcome.html1
2 files changed, 14 insertions, 0 deletions
diff --git a/Base/home/anon/www/hover.html b/Base/home/anon/www/hover.html
new file mode 100644
index 0000000000..9ef4b42ab6
--- /dev/null
+++ b/Base/home/anon/www/hover.html
@@ -0,0 +1,13 @@
+<html>
+ <head>
+ <title>Hover test!</title>
+<style>
+a:hover {
+ color: red;
+}
+</style>
+ </head>
+ <body>
+ <a href="hover.html">this is a link</a>
+ </body>
+</html>
diff --git a/Base/home/anon/www/welcome.html b/Base/home/anon/www/welcome.html
index 4fb6ab1d52..1f60a17eb9 100644
--- a/Base/home/anon/www/welcome.html
+++ b/Base/home/anon/www/welcome.html
@@ -32,6 +32,7 @@ h1 {
<li><a href="link.html">link element</a></li>
<li><a href="blink.html">blink element</a></li>
<li><a href="br.html">br element</a></li>
+ <li><a href="hover.html">hover element</a></li>
<li><a href="http://www.serenityos.org/">www.serenityos.org</a></li>
</ul>
</body>