compose: Align blue selection properly in Drafts.

Added a negative `outline-offset` of the same width as the grey border
for the blue selection outline around the `draft-info-box`.

This removes the gap between the blue box in the active state, while
the unselected `draft-info-box`es look the same as before, with a grey
border.

Fixes: #20950.
This commit is contained in:
N-Shar-ma 2022-01-28 16:14:46 +05:30 committed by Tim Abbott
parent 0499af583d
commit 4219f9bdf8
1 changed files with 2 additions and 0 deletions

View File

@ -87,6 +87,8 @@
&.active { &.active {
outline: 2px solid hsl(215, 47%, 50%); outline: 2px solid hsl(215, 47%, 50%);
/* this offset ensures no gap between the blue box and the draft in active state */
outline-offset: -1px;
} }
.message_row { .message_row {