match margin of abstract-video-list and sub-menu's fixed margin
This commit is contained in:
parent
435258ea3c
commit
d39db21a88
|
@ -1,12 +1,14 @@
|
|||
<div *ngIf="account" class="row">
|
||||
<div class="block col-md-6 col-sm-12">
|
||||
<div i18n class="small-title">DESCRIPTION</div>
|
||||
<div class="content" [innerHtml]="getAccountDescription()"></div>
|
||||
<div class="margin-content">
|
||||
<div *ngIf="account" class="row no-gutters">
|
||||
<div class="block col-md-6 col-sm-12 pr-2">
|
||||
<div i18n class="small-title">DESCRIPTION</div>
|
||||
<div class="content" [innerHtml]="getAccountDescription()"></div>
|
||||
</div>
|
||||
|
||||
<div class="block col-md-6 col-sm-12">
|
||||
<div i18n class="small-title">STATS</div>
|
||||
|
||||
<div i18n class="content">Joined {{ account.createdAt | date }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="block col-md-6 col-sm-12">
|
||||
<div i18n class="small-title">STATS</div>
|
||||
|
||||
<div i18n class="content">Joined {{ account.createdAt | date }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -15,6 +15,13 @@
|
|||
}
|
||||
}
|
||||
|
||||
.margin-content {
|
||||
// margin-content is required, but child views have their own margins
|
||||
// that match views outside the scope of accounts, so we only align
|
||||
// them with the margins of .sub-menu when required.
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.right-buttons {
|
||||
display: flex;
|
||||
height: max-content;
|
||||
|
|
|
@ -1,20 +1,22 @@
|
|||
<div *ngIf="videoChannel" class="row">
|
||||
<div class="description col-md-6 col-sm-12">
|
||||
<div class="block">
|
||||
<div i18n class="small-title">DESCRIPTION</div>
|
||||
<div class="content" [innerHtml]="getVideoChannelDescription()"></div>
|
||||
<div class="margin-content">
|
||||
<div *ngIf="videoChannel" class="row no-gutters">
|
||||
<div class="description col-md-6 col-sm-12 pr-2">
|
||||
<div class="block">
|
||||
<div i18n class="small-title">DESCRIPTION</div>
|
||||
<div class="content" [innerHtml]="getVideoChannelDescription()"></div>
|
||||
</div>
|
||||
|
||||
<div class="block" *ngIf="supportHTML">
|
||||
<div i18n class="small-title">SUPPORT THIS CHANNEL</div>
|
||||
<div class="content" [innerHtml]="supportHTML"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="block" *ngIf="supportHTML">
|
||||
<div i18n class="small-title">SUPPORT THIS CHANNEL</div>
|
||||
<div class="content" [innerHtml]="supportHTML"></div>
|
||||
|
||||
<div class="stats col-md-6 col-sm-12">
|
||||
<div class="block">
|
||||
<div i18n class="small-title">STATS</div>
|
||||
<div i18n class="content">Created {{ videoChannel.createdAt | date }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="stats col-md-6 col-sm-12">
|
||||
<div class="block">
|
||||
<div i18n class="small-title">STATS</div>
|
||||
<div i18n class="content">Created {{ videoChannel.createdAt | date }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -1,11 +1,13 @@
|
|||
<div i18n class="title-page title-page-single">
|
||||
Created {{ pagination.totalItems }} playlists
|
||||
</div>
|
||||
<div class="margin-content">
|
||||
<div i18n class="title-page title-page-single">
|
||||
Created {{ pagination.totalItems }} playlists
|
||||
</div>
|
||||
|
||||
<div i18n class="no-results" *ngIf="pagination.totalItems === 0">This channel does not have playlists.</div>
|
||||
<div i18n class="no-results" *ngIf="pagination.totalItems === 0">This channel does not have playlists.</div>
|
||||
|
||||
<div class="video-playlist" myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [dataObservable]="onDataSubject.asObservable()">
|
||||
<div *ngFor="let playlist of videoPlaylists" class="playlist-miniature-container">
|
||||
<my-video-playlist-miniature [playlist]="playlist" [toManage]="false"></my-video-playlist-miniature>
|
||||
<div class="video-playlist" myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [dataObservable]="onDataSubject.asObservable()">
|
||||
<div *ngFor="let playlist of videoPlaylists" class="playlist-miniature-container">
|
||||
<my-video-playlist-miniature [playlist]="playlist" [toManage]="false"></my-video-playlist-miniature>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -1,3 +1,7 @@
|
|||
.title-page {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.video-playlist {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
|
|
@ -40,6 +40,13 @@
|
|||
}
|
||||
}
|
||||
|
||||
.margin-content {
|
||||
// margin-content is required, but child views have their own margins
|
||||
// that match views outside the scope of accounts, so we only align
|
||||
// them with the margins of .sub-menu when required.
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.right-buttons {
|
||||
display: flex;
|
||||
height: max-content;
|
||||
|
|
|
@ -185,8 +185,8 @@ $play-overlay-width: 18px;
|
|||
}
|
||||
|
||||
@mixin fluid-videos-miniature-layout {
|
||||
margin-left: 3vw !important;
|
||||
margin-right: 3vw !important;
|
||||
margin-left: $not-expanded-horizontal-margins !important;
|
||||
margin-right: $not-expanded-horizontal-margins !important;
|
||||
|
||||
@media screen and (max-width: $mobile-view) {
|
||||
width: auto;
|
||||
|
|
Loading…
Reference in New Issue