ComposerPageState: Use CSS for managing focus with composer body parts

Now that the `:focus-within` pseudoclass is supported, use this rather
than some custom JS to update custom HTML classes. This also prevents
spurious mutation events from firing.
This commit is contained in:
Michael Gratton 2020-08-28 12:07:59 +10:00 committed by Michael James Gratton
parent 0609fbc3d7
commit 1d80ed2034
3 changed files with 11 additions and 44 deletions

View file

@ -43,12 +43,12 @@ body > div#geary-quote {
padding: 6px !important;
}
body > div.geary-focus {
body > div:focus-within {
background-color: white;
}
body > div#geary-signature.geary-focus,
body > div#geary-quote.geary-focus {
body > div#geary-signature:focus-within,
body > div#geary-quote:focus-within {
outline: 1px dashed #ccc !important;
}