diff options
| author | silverwind <me@silverwind.io> | 2020-02-26 21:44:14 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-02-26 22:44:14 +0200 |
| commit | ef798d4b84ae17b3b45221e828112a9bd992757e (patch) | |
| tree | 077aebfa8ece8a58841610de157dcb14455bbab0 /web_src | |
| parent | 17581252e4621b7eea52cb602c9ec107851edf75 (diff) | |
| download | gitea-ef798d4b84ae17b3b45221e828112a9bd992757e.tar.gz gitea-ef798d4b84ae17b3b45221e828112a9bd992757e.zip | |
Tweak language stats bar (#10487)
- Ensure bar does not overflow parent
- Remove unneccessary borders/background
- Fix shaky animation caused by JS animation miscalculation by setting
fixed height on the summary box. Box itself is still shaky during
animation, but better it then the whole page.
Fixes: https://github.com/go-gitea/gitea/issues/10474
Diffstat (limited to 'web_src')
| -rw-r--r-- | web_src/less/_repository.less | 34 |
1 files changed, 23 insertions, 11 deletions
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less index 6c715ee5e3..7618a4d763 100644 --- a/web_src/less/_repository.less +++ b/web_src/less/_repository.less @@ -2011,19 +2011,31 @@ } } - .segment.language-stats { - padding: 0; - height: .6em; - display: flex; - white-space: nowrap; - width: 100%; + .repository-summary { + height: 48px; + overflow: hidden; - .bar { - white-space: nowrap; - border: 0; + .segment.language-stats-details, + .segment.repository-summary { + border-top: none; + background: none; + } + + .segment.language-stats { padding: 0; - margin: 0; - height: .6em; + height: 11px; + display: flex; + white-space: nowrap; + width: 100%; + border-radius: 0; + + .bar { + white-space: nowrap; + border: 0; + padding: 0; + margin: 0; + height: 100%; + } } } } |