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 authored and GitHub committed 2020-02-26 22:44:14 +02:00
1 parent 17581252e4
commit ef798d4b84
2 files changed
+24 -12

No files matched your search

+23 -11
View File
@@ -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%;
}
}
}
}