diff options
| author | silverwind <me@silverwind.io> | 2021-05-08 17:28:25 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-05-08 18:28:25 +0300 |
| commit | 2a9b8d173a286a7155306d7d1df6328d1eb98199 (patch) | |
| tree | b9ac31d0431d3e092d9b0b0beac723f0f9386cbe /web_src/less | |
| parent | 24ad131221d8cb0becf726e0570f53838262edf1 (diff) | |
| download | gitea-2a9b8d173a286a7155306d7d1df6328d1eb98199.tar.gz gitea-2a9b8d173a286a7155306d7d1df6328d1eb98199.zip | |
Code comments improvements (#15722)
- Right-align the Reply and Resolve buttons
- Center Resolved text and add some padding
- Add padding to inline comments
- Indent the comment content to align with author name
- Re-parent form to allow better button layout space.
Co-authored-by: zeripath <art27@cantab.net>
Diffstat (limited to 'web_src/less')
| -rw-r--r-- | web_src/less/_base.less | 9 | ||||
| -rw-r--r-- | web_src/less/_repository.less | 8 | ||||
| -rw-r--r-- | web_src/less/_review.less | 10 |
3 files changed, 18 insertions, 9 deletions
diff --git a/web_src/less/_base.less b/web_src/less/_base.less index d85f13cb33..0499547291 100644 --- a/web_src/less/_base.less +++ b/web_src/less/_base.less @@ -469,6 +469,10 @@ a.ui.card:hover, border-top-color: var(--color-secondary-light-1) !important; } +.ui.comments .comment .text { + margin: 0; +} + .ui.comments .comment .text, .ui.comments .comment .author { color: var(--color-text); @@ -1633,6 +1637,11 @@ a.ui.label:hover { border-color: var(--color-light-border); } +.ui.labeled.icon.buttons > .button > .icon, +.ui.labeled.icon.button > .icon { + background: var(--color-hover); +} + .ui.blue.button, .ui.blue.buttons .button, .ui.primary.button, diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less index 549bd4d7e5..c0b91451c6 100644 --- a/web_src/less/_repository.less +++ b/web_src/less/_repository.less @@ -1058,7 +1058,7 @@ .code-comment { border: 1px solid transparent; - padding: .5rem 0; + padding: .25rem .5rem; margin: 0; .content { @@ -1076,6 +1076,10 @@ } } + .comment-content { + margin-left: 36px; + } + .avatar.image { width: 28px; height: 28px; @@ -1094,7 +1098,7 @@ } button.comment-form-reply { - margin-left: 0; + margin: 0; } } diff --git a/web_src/less/_review.less b/web_src/less/_review.less index 2b8700a745..9197050913 100644 --- a/web_src/less/_review.less +++ b/web_src/less/_review.less @@ -112,14 +112,10 @@ display: block; } } +} - button.comment-form-reply { - margin: .5em .5em .5em 4.5em; - } - - form.comment-form-reply { - margin: 0 0 0 1em; - } +.diff-file-body .comment-form { + margin: 0 0 0 3em; } .file-comment { |