fix overlay content sizing
This commit is contained in:
parent
27d455c4af
commit
b7b4fc5d57
|
@ -44,7 +44,7 @@ $inner-column-size: 320px;
|
|||
|
||||
.hashtag-stream {
|
||||
display: block;
|
||||
height: calc(100% - #{$hashtag-header-height} - 30px);
|
||||
height: calc(100% - #{$hashtag-header-height});
|
||||
width: $inner-column-size;
|
||||
// outline: 1px greenyellow solid;
|
||||
}
|
|
@ -7,14 +7,17 @@
|
|||
</div>
|
||||
|
||||
<app-user-profile #appUserProfile *ngIf="accountName" [currentAccount]="accountName"
|
||||
class="stream-overlay__content"
|
||||
(browseAccountEvent)="browseAccount($event)"
|
||||
(browseHashtagEvent)="browseHashtag($event)"
|
||||
(browseThreadEvent)="browseThread($event)"></app-user-profile>
|
||||
<app-hashtag #appHashtag *ngIf="hashtagElement" [hashtagElement]="hashtagElement"
|
||||
class="stream-overlay__content"
|
||||
(browseAccountEvent)="browseAccount($event)"
|
||||
(browseHashtagEvent)="browseHashtag($event)"
|
||||
(browseThreadEvent)="browseThread($event)"></app-hashtag>
|
||||
<app-thread #appThread *ngIf="browseThread" [currentThread]="thread"
|
||||
<app-thread #appThread *ngIf="browseThread" [currentThread]="thread"
|
||||
class="stream-overlay__content"
|
||||
(browseAccountEvent)="browseAccount($event)"
|
||||
(browseHashtagEvent)="browseHashtag($event)"
|
||||
(browseThreadEvent)="browseThread($event)"></app-thread>
|
||||
|
|
|
@ -1,12 +1,16 @@
|
|||
@import "variables";
|
||||
@import "commons";
|
||||
|
||||
|
||||
$header-content: 30px;
|
||||
|
||||
.stream-overlay {
|
||||
// width: $stream-column-width;
|
||||
height: calc(100%);
|
||||
background-color: $column-color;
|
||||
&__header {
|
||||
width: calc(100%);
|
||||
height: 30px;
|
||||
height: $header-content;
|
||||
background-color: $column-header-background-color;
|
||||
padding: 6px 10px 0 10px;
|
||||
& a {
|
||||
|
@ -15,6 +19,12 @@
|
|||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
&__content {
|
||||
display: block;
|
||||
width: calc(100%);
|
||||
height: calc(100% - #{$header-content});
|
||||
}
|
||||
|
||||
&__title {
|
||||
width: calc(100%);
|
||||
height: 30px;
|
||||
|
|
|
@ -5,7 +5,7 @@ $header-height: 160px;
|
|||
|
||||
.profile {
|
||||
// overflow: auto;
|
||||
height: calc(100% - 30px);
|
||||
height: calc(100%);
|
||||
|
||||
&-header {
|
||||
background-size: cover;
|
||||
|
|
Loading…
Reference in New Issue