diff options
| author | silverwind <me@silverwind.io> | 2020-10-31 23:15:11 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-10-31 18:15:11 -0400 |
| commit | 2ac112d84e7318a294b1e8cea5adae2dd50c89df (patch) | |
| tree | ded99a4d4d7626c21332ffd10eb0b39ef23a98bf /web_src/less/_review.less | |
| parent | e4e85a3e51066f4987a87762c9c69acda093f6ca (diff) | |
| download | gitea-2ac112d84e7318a294b1e8cea5adae2dd50c89df.tar.gz gitea-2ac112d84e7318a294b1e8cea5adae2dd50c89df.zip | |
Comment box tweaks and SVG dropdown triangles (#13376)
* Comment box tweaks and SVG dropdown triangles
- Change all dropdown triangles to SVG
- Bring inline review comment box closer to regular comment boxes
- Enhance arc-green checkbox contrast
- Minor reaction tweaks
- Flexbox the diff file header
* remove a border
* fix type marker in arc-green
* add small code padding
* fix position regression and remove useless rules
Co-authored-by: Lauris BH <lauris@nix.lv>
Co-authored-by: techknowlogick <techknowlogick@gitea.io>
Diffstat (limited to 'web_src/less/_review.less')
| -rw-r--r-- | web_src/less/_review.less | 34 |
1 files changed, 15 insertions, 19 deletions
diff --git a/web_src/less/_review.less b/web_src/less/_review.less index e85d48c8e6..fb44eaa6e2 100644 --- a/web_src/less/_review.less +++ b/web_src/less/_review.less @@ -17,9 +17,17 @@ } } +.repository .diff-file-box .code-diff .add-comment-left, +.repository .diff-file-box .code-diff .add-comment-right, +.repository .diff-file-box .code-diff .add-code-comment .add-comment-left, +.repository .diff-file-box .code-diff .add-code-comment .add-comment-right, +.repository .diff-file-box .code-diff .add-code-comment .lines-type-marker { + padding-left: 0 !important; + padding-right: 0 !important; +} + .add-comment-left.add-comment-right .ui.attached.header { border: 1px solid #d4d4d5; - margin-top: .5em; &:not(.top) { margin-bottom: .5em; @@ -39,21 +47,9 @@ .comment-code-cloud { padding: 4px; + padding-left: 0; position: relative; - border: 1px solid #f1f1f1; - margin: 13px 10px 5px auto; - - &:before { - content: " "; - width: 0; - height: 0; - border-left: 13px solid transparent; - border-right: 13px solid transparent; - border-bottom: 13px solid #f1f1f1; - left: 20px; - position: absolute; - top: -13px; - } + margin: 0 auto; .attached { &.tab { @@ -94,7 +90,7 @@ } .comment-list { - padding-bottom: 10px; + padding-bottom: 5px; } .footer { @@ -153,9 +149,9 @@ a.blob-excerpt:hover { } .btn-review > .dropdown.icon { - width: auto; - font-size: .85714286em; - margin: 0 0 0 1em; + float: right; + height: 12px !important; + margin-left: .5rem; } @media only screen and (max-width: 768px) { |