+11 -2

src/Applications/UI/Kit.elm

reviewed

··· 201 201 [ case buttonType of 202 202 IconOnly -> 203 203 inline 204 204 - [ C.align_middle, C.inline_block, C.leading_none, C.text_0 ] 204 204 + [ C.align_middle 205 205 + , C.inline_block 206 206 + , C.leading_none 207 207 + , C.pointer_events_none 208 208 + , C.text_0 209 209 + ] 205 210 [ child ] 206 211 207 212 _ -> 208 213 inline 209 209 - [ C.align_middle, C.inline_block, C.leading_none ] 214 214 + [ C.align_middle 215 215 + , C.inline_block 216 216 + , C.leading_none 217 217 + , C.pointer_events_none 218 218 + ] 210 219 [ child ] 211 220 ] 212 221

+5 -1

src/Css/Application.css

reviewed

··· 75 75 textarea:invalid { 76 76 box-shadow: none; 77 77 outline: none; 78 78 + } 79 79 + 78 80 79 79 - &:focus { @apply border-base08; } 81 81 + form[changed] input:invalid, 82 82 + form[changed] textarea:invalid { 83 83 + @apply border-base08; 80 84 } 81 85 82 86

+25

src/Javascript/index.js

reviewed

··· 265 265 266 266 267 267 268 268 + // Forms 269 269 + // ----- 270 270 + // Adds a `changed` attribute to a form, if the form was "changed". 271 271 + // This is to help with styling, we don't want to show an error immediately. 272 272 + 273 273 + document.addEventListener("keyup", e => { 274 274 + const form = e.target.closest("form") 275 275 + if (form) form.setAttribute("changed", "") 276 276 + }) 277 277 + 278 278 + 279 279 + document.addEventListener("click", e => { 280 280 + if (e.target.tagName !== "BUTTON") return; 281 281 + const form = e.target.closest("form") 282 282 + if (form) form.setAttribute("changed", "") 283 283 + }) 284 284 + 285 285 + 286 286 + document.addEventListener("submit", e => { 287 287 + const form = e.target.closest("form") 288 288 + if (form) form.removeAttribute("changed") 289 289 + }) 290 290 + 291 291 + 292 292 + 268 293 // Internet Connection 269 294 // ------------------- 270 295