diff options
| author | silverwind <me@silverwind.io> | 2023-03-21 22:38:04 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-03-21 17:38:04 -0400 |
| commit | ca0ce9feb0462c6d76e43557d70542ef2c580c5f (patch) | |
| tree | 4768a6caba966a840ddebdff1e402140936649ae /web_src | |
| parent | 76a1edf74f5f7fdf733b46fde12df644295e9fe8 (diff) | |
| download | gitea-ca0ce9feb0462c6d76e43557d70542ef2c580c5f.tar.gz gitea-ca0ce9feb0462c6d76e43557d70542ef2c580c5f.zip | |
Set opaque background on markup and images (#23578)
- Set opaque background on markup images so they can visually break
`<hr>`
- Change padding of comment box so `padding` is provided by the
`.markup` element instead of its parent, matching the file rendering
view which does the same.
Before:
<img width="243" alt="Screenshot 2023-03-19 at 19 22 03"
src="https://user-images.githubusercontent.com/115237/226198663-8ff4d940-6a15-452d-ac58-14485b37fbc7.png">
After:
<img width="261" alt="Screenshot 2023-03-19 at 19 23 26"
src="https://user-images.githubusercontent.com/115237/226198689-1bf56561-4726-46dc-b583-423d65e1e13a.png">
<img width="263" alt="image"
src="https://user-images.githubusercontent.com/115237/226199002-e93c817d-6d9c-4b98-bad8-0aa0bd45b62f.png">
Example documents:
https://try.gitea.io/silverwind/symlink-test/src/branch/master/test-page.md
https://github.com/silverwind/symlink-test/blob/master/test-page.md
Diffstat (limited to 'web_src')
| -rw-r--r-- | web_src/css/features/dropzone.css | 10 | ||||
| -rw-r--r-- | web_src/css/markup/content.css | 2 | ||||
| -rw-r--r-- | web_src/css/repository.css | 6 |
3 files changed, 18 insertions, 0 deletions
diff --git a/web_src/css/features/dropzone.css b/web_src/css/features/dropzone.css index 0ce067ef30..16b3faf737 100644 --- a/web_src/css/features/dropzone.css +++ b/web_src/css/features/dropzone.css @@ -51,3 +51,13 @@ .dropzone .dz-preview:hover .dz-image img { filter: opacity(0.5) !important; } + +.dropzone-attachments .divider { + margin-top: 0 !important; + margin-bottom: 0 !important; +} + +.dropzone-attachments .grid, +.dropzone-attachments .thumbnails { + padding: .5rem 1rem; +} diff --git a/web_src/css/markup/content.css b/web_src/css/markup/content.css index 00283dd0a2..5eef220962 100644 --- a/web_src/css/markup/content.css +++ b/web_src/css/markup/content.css @@ -3,6 +3,7 @@ font-size: 16px; line-height: 1.5 !important; word-wrap: break-word; + background: var(--color-box-body); } .markup.ui.segment { @@ -308,6 +309,7 @@ .markup img { max-width: 100%; box-sizing: initial; + background: var(--color-box-body); } .markup img[align="right"] { diff --git a/web_src/css/repository.css b/web_src/css/repository.css index abc812b5b4..eb555abec8 100644 --- a/web_src/css/repository.css +++ b/web_src/css/repository.css @@ -2740,6 +2740,12 @@ width: 100% !important; max-width: 100% !important; margin: 0 !important; + padding: 0 !important; +} + +.comment-body .markup { + padding: 1em; + border-radius: 0 0 var(--border-radius) var(--border-radius); /* don't render outside box */ } .edit-label.modal .form .column, |