lbry-desktop/ui/scss/component/_view_count.scss
mayeaux 25b56ada48
Fix issue where channel upload viewcounts were creating a new line (#7154)
* fix issue where viewcounts were creating a new line

* conditionally add large view css

* conditionally apply class based on if view count should be shown

* last couple touchups

* clean up the css

* add scss to flow config

* add scss component to flow config
2021-09-29 15:04:43 -04:00

34 lines
591 B
SCSS

@import '../init/vars';
.contains_view_count {
// accommodating for large view counts on channel overview
@media (min-width: $breakpoint-large) {
padding: var(--spacing-s) 4px;
.date_time {
font-size: 11px;
}
}
.channel-thumbnail {
// accommodating for large view counts on channel overview
@media (min-width: $breakpoint-large) {
margin-right: 7px;
}
}
}
.view_count {
&::after {
content: '';
margin: 0 4px;
}
@media (min-width: $breakpoint-large) {
&::after {
margin: 0 2.5px;
}
font-size: 11px;
}
}