fixes #265 and also that thin line below gradient on chrome (UGH)

This commit is contained in:
Henry Jameson 2019-01-09 15:36:09 +03:00
parent 1fb9ceb59b
commit d13f36a2ad

View file

@ -153,6 +153,10 @@
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), $fallback--bg 80%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), $fallback--bg 80%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--bg, $fallback--bg) 80%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--bg, $fallback--bg) 80%);
/* This fixes chrome's pixel rounding glitch */
margin-bottom: -1px;
padding-bottom: 1px;
.profile-bio { .profile-bio {
text-align: center; text-align: center;
} }
@ -229,7 +233,8 @@
.user-name { .user-name {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
flex: 1 0 auto; flex: 1 1 auto;
margin-right: 1em;
} }
.user-screen-name { .user-screen-name {
@ -245,6 +250,10 @@
.dailyAvg { .dailyAvg {
min-width: 1px; min-width: 1px;
flex: 0 0 auto; flex: 0 0 auto;
margin-left: 1em;
font-size: 0.7em;
color: $fallback--text;
color: var(--text, $fallback--text);
} }
.handle { .handle {
@ -381,11 +390,6 @@
} }
} }
.dailyAvg {
margin-left: 1em;
font-size: 0.7em;
color: #CCC;
}
.floater { .floater {
} }
</style> </style>