@@ -224,6 +224,11 @@ footer ul li:not(:last-child)::after { | |||||
background-color: rgba(255, 60, 30, 0.2); | background-color: rgba(255, 60, 30, 0.2); | ||||
} | } | ||||
#flashes .dismiss { | |||||
float: right; | |||||
margin: 0 0 0.5em 0.5em; | |||||
} | |||||
#character-portrait { | #character-portrait { | ||||
position: relative; | position: relative; | ||||
display: inline-block; | display: inline-block; | ||||
@@ -14,6 +14,17 @@ $(function() { | |||||
return false; | return false; | ||||
}); | }); | ||||
// Allow user to dismiss flashes: | |||||
$("#flashes > div").each(function() { | |||||
$(this).prepend($("<a>", { | |||||
addClass: "dismiss", | |||||
href: "#" | |||||
}).html("[×]").click(function() { | |||||
$(this).parent().remove(); | |||||
return false; | |||||
})); | |||||
}); | |||||
// Toggle character options on click: | // Toggle character options on click: | ||||
var charopts = $("#character-options"); | var charopts = $("#character-options"); | ||||
charopts.hide(); | charopts.hide(); | ||||