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:
parent
17581252e4
commit
ef798d4b84
2 changed files with 24 additions and 12 deletions
|
@ -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%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Reference in a new issue