fix: [CSS] the position of top-action buttons #1781
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
actually I've detected this issue for a long while.
![before](https://private-user-images.githubusercontent.com/2328124/242198468-e81632a4-fdc1-4b30-a6bf-9eac34d8228f.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg5ODMxOTcsIm5iZiI6MTczODk4Mjg5NywicGF0aCI6Ii8yMzI4MTI0LzI0MjE5ODQ2OC1lODE2MzJhNC1mZGMxLTRiMzAtYTZiZi05ZWFjMzRkODIyOGYuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIwOCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMDhUMDI0ODE3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NDY3MTQzMjY0NmZiMzYxZjNkMDgwNzk0Y2Y2MDVmNjc5N2NjMjIxZDcwOTBiMmVkNjkxNjIzYmJkYTYyOTJlMyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.qY73LvoH2gyqBo0oM62xzWME9FlbVI2fkwK8OLfoggk)
as in this snapshot:
when the returned content is too short, the buttons may overlap with the chatbot icon. The question I used for this answer is
reply me yes or no to my question, is 1+1=3?
After the fix, it becomes:
![after](https://private-user-images.githubusercontent.com/2328124/242199089-c1fe7cd9-d1e2-43ed-8741-da390be84d4f.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg5ODMxOTcsIm5iZiI6MTczODk4Mjg5NywicGF0aCI6Ii8yMzI4MTI0LzI0MjE5OTA4OS1jMWZlN2NkOS1kMWUyLTQzZWQtODc0MS1kYTM5MGJlODRkNGYuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIwOCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMDhUMDI0ODE3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9N2NkOTY0YTc4MjQ1MjFhNmViOGQyNjM1ZTY5YWE4YTdjZGI4MWIzNDg0NmFiZDhhODBlMTIwNGM2NGRlMzM1YSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.PtNxd03zcXM6GJWVmCscp8LxrA9YsXjvOOkenTsLdb4)