display error messages for invalid nick changes

[httpchat] / webchat.css

diff --git a/webchat.css b/webchat.css
index ff70761ded124d6d67b36679022e8fda019ba947..4309596a20bccbc06d1e9cb82e1c672d35b11631 100644 (file)
--- a/webchat.css
+++ b/webchat.css
@@ -59,6 +59,11 @@ button {
   content: "x";
   padding: 0 1ex;
 }
+#settings .error {
+  padding: 1ex 1ex .5ex 1ex;
+  background-color: #FCC;
+  font-weight: bold;
+}
 #settings a.section {
   display: block;
   font-weight: bold;
@@ -74,6 +79,8 @@ button {
   overflow: hidden;
   transition: max-height .5s;
 }
+#settings .error.nick ~ a.section + #nick,
+#settings .error.register ~ a.section + #register,
 #settings a.section + *:target {
   max-height: 20ex;
   padding: 1ex 1ex .5ex 1ex;