OpenCloud
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube
1
0
Fork 0
Code Issues Releases Wiki Activity

Improve overview section titles

pull/1104/merge
Chocobozzz 2018-09-26 15:03:04 +02:00
parent 28da43cf66
commit 9ffdd52a95
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/app/videos/video-list/video-overview.component.html
View File

@ -12,7 +12,7 @@
<div class="section" *ngFor="let object of overview.tags"> <div class="section" *ngFor="let object of overview.tags">
<div class="section-title" i18n> <div class="section-title" i18n>
<a routerLink="/search" [queryParams]="{ tagsOneOf: [ object.tag ] }">{{ object.tag }}</a> <a routerLink="/search" [queryParams]="{ tagsOneOf: [ object.tag ] }">#{{ object.tag }}</a>
</div> </div>
<my-video-miniature *ngFor="let video of object.videos" [video]="video" [user]="user"></my-video-miniature> <my-video-miniature *ngFor="let video of object.videos" [video]="video" [user]="user"></my-video-miniature>

12
client/src/app/videos/video-list/video-overview.component.scss
View File

@ -14,9 +14,9 @@
} }
.section-title { .section-title {
font-size: 17px; font-size: 24px;
font-weight: $font-semibold; font-weight: $font-semibold;
margin-bottom: 20px; margin-bottom: 10px;
a { a {
&:hover, &:focus:not(.focus-visible), &:active { &:hover, &:focus:not(.focus-visible), &:active {
@ -35,14 +35,18 @@
align-items: center; align-items: center;
img { img {
@include avatar(30px); @include avatar(28px);
margin-right: 10px; margin-right: 8px;
} }
} }
} }
@media screen and (max-width: 500px) { @media screen and (max-width: 500px) {
.section-title {
font-size: 17px;
}
.section { .section {
@include video-miniature-small-screen; @include video-miniature-small-screen;
} }