core
/
gitea
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
This commit is contained in:
silverwind 2020-02-26 21:44:14 +01:00 committed by GitHub
parent 17581252e4
commit ef798d4b84
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 24 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
templates/repo/sub_menu.tmpl
View File

@ -1,4 +1,4 @@
<div class="ui segments"> <div class="ui segments repository-summary">
<div class="ui segment sub-menu repository-menu"> <div class="ui segment sub-menu repository-menu">
<div class="ui two horizontal center link list"> <div class="ui two horizontal center link list">
{{if and (.Permission.CanRead $.UnitTypeCode) (not .IsEmptyRepo)}} {{if and (.Permission.CanRead $.UnitTypeCode) (not .IsEmptyRepo)}}

34
web_src/less/_repository.less
View File

@ -2011,19 +2011,31 @@
} }
} }
.segment.language-stats { .repository-summary {
padding: 0; height: 48px;
height: .6em; overflow: hidden;
display: flex;
white-space: nowrap;
width: 100%;
.bar { .segment.language-stats-details,
white-space: nowrap; .segment.repository-summary {
border: 0; border-top: none;
background: none;
}
.segment.language-stats {
padding: 0; padding: 0;
margin: 0; height: 11px;
height: .6em; display: flex;
white-space: nowrap;
width: 100%;
border-radius: 0;
.bar {
white-space: nowrap;
border: 0;
padding: 0;
margin: 0;
height: 100%;
}
} }
} }
} }