diff options
author | silverwind <me@silverwind.io> | 2020-05-21 04:00:43 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-05-20 22:00:43 -0400 |
commit | b02d2c37728491caaf8af3384b8d3b25411e4679 (patch) | |
tree | 09dead09d24417c288a16a24a52e772345b2554d /web_src/less/_tribute.less | |
parent | 3eb323901c6ec791294db492783e202558c2824f (diff) | |
download | gitea-b02d2c37728491caaf8af3384b8d3b25411e4679.tar.gz gitea-b02d2c37728491caaf8af3384b8d3b25411e4679.zip |
Move tributejs to npm/webpack (#11497)
* Move tributejs to npm/webpack
- Move vendored bundle to npm and webpack
- Rewrote initialization to single function
- Restyled it (made it a bit smaller)
- Fixed it for arc-green
* fix mention
* also include emoji on #content
* Update web_src/less/_tribute.less
Co-authored-by: mrsdizzie <info@mrsdizzie.com>
* rewrite to only use one instance of Tribute
* refactor
* fix copy/paste error
Co-authored-by: mrsdizzie <info@mrsdizzie.com>
Co-authored-by: techknowlogick <techknowlogick@gitea.io>
Diffstat (limited to 'web_src/less/_tribute.less')
-rw-r--r-- | web_src/less/_tribute.less | 63 |
1 files changed, 32 insertions, 31 deletions
diff --git a/web_src/less/_tribute.less b/web_src/less/_tribute.less index d0baaf51e1..5e91e00174 100644 --- a/web_src/less/_tribute.less +++ b/web_src/less/_tribute.less @@ -1,34 +1,29 @@ +@import "~tributejs/dist/tribute.css"; + .tribute-container { - box-shadow: 0 1px 3px 1px #c7c7c7; - - ul { - background: #ffffff; - } - - li { - padding: 8px 12px; - border-bottom: 1px solid #dcdcdc; - - img { - display: inline-block; - vertical-align: middle; - width: 28px; - height: 28px; - margin-right: 5px; - } - - span.fullname { - font-weight: normal; - font-size: .8rem; - margin-left: 3px; - } - } - - li.highlight, - li:hover { - background: #2185d0; - color: #ffffff; - } + box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); + border-radius: .25rem; +} + +.tribute-container ul { + margin-top: 0 !important; + background: #ffffff !important; +} + +.tribute-container li { + padding: 3px .5rem !important; +} + +.tribute-container li span.fullname { + font-weight: normal; + font-size: .8rem; + margin-left: 3px; +} + +.tribute-container li.highlight, +.tribute-container li:hover { + background: #2185d0 !important; + color: #ffffff !important; } .tribute-item { @@ -36,6 +31,12 @@ align-items: center; } -.tribute-item .emoji { +.tribute-item .emoji, +.tribute-item img[src*="/avatar/"] { margin-right: .5rem; } + +.tribute-container img { + width: 1.5rem !important; + height: 1.5rem !important; +} |