fix: adjust width of interpretation reply input when in focus [DHIS2-…

…16429] (#1607) Fixes: https://dhis2.atlassian.net/browse/DHIS2-16429 Reduce width by the width of the box shadow so it doesn't get cut off.
dhis2 · Jan 19, 2024 · 14fbfb5 · 14fbfb5
1 parent e833494
commit 14fbfb5
Showing 1 changed file with 1 addition and 0 deletions.
diff --git a/src/components/Interpretations/common/RichTextEditor/styles/RichTextEditor.style.js b/src/components/Interpretations/common/RichTextEditor/styles/RichTextEditor.style.js
@@ -36,6 +36,7 @@ export const mainClasses = css`
     .textarea:focus {
         outline: none;
         box-shadow: 0 0 0 3px ${theme.focus};
+        width: calc(100% - 3px);
     }
 
     .textarea:disabled {