diff options
| author | silverwind <me@silverwind.io> | 2023-03-17 18:24:00 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-03-17 12:24:00 -0500 |
| commit | d0f48187f92aea6dec0804c1a43731c1a77fd491 (patch) | |
| tree | 7a3ba474f967b02314b691bc4b982addd1c47f76 /web_src/css | |
| parent | 8e45fcb63aeedcf89a705227fa7675698d68d43c (diff) | |
| download | gitea-d0f48187f92aea6dec0804c1a43731c1a77fd491.tar.gz gitea-d0f48187f92aea6dec0804c1a43731c1a77fd491.zip | |
Fix diff detail buttons wrapping, use tippy for review box (#23271)
Fix visual regression introduced by
https://github.com/go-gitea/gitea/pull/22986.
Before:
<img width="1277" alt="image"
src="https://user-images.githubusercontent.com/115237/222792814-d70c2173-0c7c-4db2-8839-95be63cdc8ee.png">
<img width="649" alt="image"
src="https://user-images.githubusercontent.com/115237/222792989-9b1f5e12-becd-40cc-b02c-e9f59a8e72a4.png">
After:
<img width="1274" alt="image"
src="https://user-images.githubusercontent.com/115237/222792769-e7a9702f-4b6a-46c4-9385-da103ed4dff0.png">
<img width="565" alt="image"
src="https://user-images.githubusercontent.com/115237/222793084-6de6482b-11dc-4d38-b514-15884d20e140.png">
Diffstat (limited to 'web_src/css')
| -rw-r--r-- | web_src/css/review.css | 12 |
1 files changed, 4 insertions, 8 deletions
diff --git a/web_src/css/review.css b/web_src/css/review.css index b58cc5a196..42267b4d2a 100644 --- a/web_src/css/review.css +++ b/web_src/css/review.css @@ -214,6 +214,10 @@ a.blob-excerpt:hover { color: var(--color-primary-contrast); } +.review-box-panel .ui.segment { + border: none; +} + /* See the comment of createCommentEasyMDE() for the review editor */ /* EasyMDE's options can not handle minHeight & maxHeight together correctly, we have to set minHeight in JS code */ .review-box-panel .CodeMirror-scroll { @@ -249,14 +253,6 @@ a.blob-excerpt:hover { position: relative; } -.review-box-panel { - position: absolute; - min-width: max-content; - top: 45px; - right: -5px; - z-index: 2; -} - #review-box .review-comments-counter { background-color: var(--color-primary-light-4); color: var(--color-primary-contrast); |