diff --git a/webviews/activityBarView/index.css b/webviews/activityBarView/index.css index 4e1d323195..6b376221d8 100644 --- a/webviews/activityBarView/index.css +++ b/webviews/activityBarView/index.css @@ -44,19 +44,33 @@ textarea { .textarea-wrapper { position: relative; - display: flex; + display: block; width: 100%; + box-sizing: border-box; + border: 1px solid var(--vscode-dropdown-border); + background-color: var(--vscode-input-background); + border-radius: 4px; + padding-bottom: 28px; +} + +.textarea-wrapper:focus-within { + outline: 1px solid var(--vscode-focusBorder); } .textarea-wrapper textarea { - flex: 1; - padding-bottom: 32px; + display: block; + width: 100%; + box-sizing: border-box; + border: none; + background: transparent; + border-radius: 0; + outline: none; } .textarea-wrapper .comment-upload-button { position: absolute; left: 6px; - bottom: 8px; + bottom: 4px; border: none; background: none; padding: 4px; diff --git a/webviews/editorWebview/index.css b/webviews/editorWebview/index.css index 5ce6863f24..0a409c3cdf 100644 --- a/webviews/editorWebview/index.css +++ b/webviews/editorWebview/index.css @@ -1010,12 +1010,27 @@ textarea { .textarea-wrapper { position: relative; - display: flex; + display: block; width: 100%; + box-sizing: border-box; + border: 1px solid var(--vscode-dropdown-border); + background-color: var(--vscode-input-background); + border-radius: 4px; + padding-bottom: 28px; +} + +.textarea-wrapper:focus-within { + outline: 1px solid var(--vscode-focusBorder); } .textarea-wrapper textarea { - flex: 1; + display: block; + width: 100%; + box-sizing: border-box; + border: none; + background: transparent; + border-radius: 0; + outline: none; padding-right: 40px; } @@ -1054,14 +1069,10 @@ textarea { padding: 2px; } -.textarea-wrapper:has(> .comment-upload-button)>textarea { - padding-bottom: 32px; -} - .textarea-wrapper .comment-upload-button { position: absolute; left: 6px; - bottom: 8px; + bottom: 4px; border: none; background: none; padding: 4px;