Fine-tuned styling for the AiGenieChat component
What does this MR do and why?
The MR fine-tunes the styling for the AiGenieChat component. In particular, here's what is changed here:
- the height of the selected code is limited with max
20rems - the font-size of the legal warning is reduced
- the height of the overall component is limited with
100%and introduced the scroll if the component is higher than one screen
Screenshots or screen recordings
| Before | After |
|---|---|
 |
 |
How to set up and validate locally
- Follow the steps to enable "Explain the code" functionality from Integrated the AIGenie component into the blob_... (!116876 - merged)
- Go to a non-Gitlab project in your local GDK (for example
Flight) - Find a file with a lot of content (
/flightjs/Flight/-/blob/master/app/assets/app/assets/javascripts/main.js, for example) - Select the whole file and click the question mark in the drawer to get the content explained
- Make sure the copy of the code selected does not make the explanation component unusable
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #407399 (closed)