Skip to content

Commit b1beba3

Browse files
authored
style(chat): smaller headers, fix no-padding (aws#7003)
## Problem - Markdown headers are too large - `no-padding` from mynah-ui is not working Before: ![image](https://github.com/user-attachments/assets/f0996f84-6ae8-4747-8e1b-d6d9ada4c213) ![image](https://github.com/user-attachments/assets/caddda94-f6d8-4bfd-9a5e-d49f0633c529) ## Solution - Override the font size for h1-h4 - Override the padding for any card under `no-padding` After: ![image](https://github.com/user-attachments/assets/9373ab02-2912-48fd-af2b-2a1e72375d84) ![image](https://github.com/user-attachments/assets/a606188e-0c2e-430e-b979-2187ba6c8bf6) --- - Treat all work as PUBLIC. Private `feature/x` branches will not be squash-merged at release time. - Your code changes must meet the guidelines in [CONTRIBUTING.md](https://github.com/aws/aws-toolkit-vscode/blob/master/CONTRIBUTING.md#guidelines). - License: I confirm that my contribution is made under the terms of the Apache 2.0 license.
1 parent 4c6cbfc commit b1beba3

File tree

1 file changed

+11
-0
lines changed

1 file changed

+11
-0
lines changed

packages/core/resources/css/amazonq-webview.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -116,8 +116,19 @@ body.vscode-high-contrast:not(.vscode-high-contrast-light) {
116116

117117
body .mynah-card-body h1 {
118118
--mynah-line-height: 1.5rem;
119+
font-size: 1.25em;
120+
}
121+
122+
body .mynah-card-body h2,
123+
body .mynah-card-body h3,
124+
body .mynah-card-body h4 {
125+
font-size: 1em;
119126
}
120127

121128
div.mynah-card.padding-large {
122129
padding: var(--mynah-sizing-4) var(--mynah-sizing-3);
123130
}
131+
132+
div.mynah-chat-items-container .mynah-chat-item-card.no-padding > .mynah-card {
133+
padding: 0;
134+
}

0 commit comments

Comments
 (0)