Browse Source
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
for-closed-social
silverwind
4 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with
24 additions and
12 deletions
templates/repo/sub_menu.tmpl
web_src/less/_repository.less
@ -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 two horizontal center link list">
{{if and (.Permission.CanRead $.UnitTypeCode) (not .IsEmptyRepo)}}
@ -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%;
}
}
}
}