Skip to content
Snippets Groups Projects
Commit 3884201f authored by Pawlowski, Mateusz's avatar Pawlowski, Mateusz :speech_balloon:
Browse files

listen window height angepasst

parent 6f6d007e
No related branches found
No related tags found
No related merge requests found
.container {
padding: 0px;
height: 100%;
display: grid;
grid-template-columns: 1.7fr 0.7fr 0.7fr;
grid-template-rows: auto 1fr auto;
......@@ -17,7 +18,7 @@
/* background-color: grey; */
}
.file-manager {
.content {
grid-area: file-manager;
/* background-color: honeydew; */
......@@ -26,6 +27,6 @@
.footer {
grid-area: footer;
min-height: 50px;
position: relative;
/* background-color: lightblue; */
}
\ No newline at end of file
......@@ -3,9 +3,9 @@
<app-header></app-header>
</div>
<ng-content class="content" *ngTemplateOutlet="wrapper.contentWindowTemplate"></ng-content>
<footer class="footer">
<app-footer></app-footer>
</footer>
<app-footer class="footer"></app-footer>
</div>
<app-content-window hidden=true #wrapper></app-content-window>
\ No newline at end of file
......@@ -2,6 +2,5 @@
display: flex;
justify-content: center;
bottom: 0;
position: fixed;
}
\ No newline at end of file
.scroll-window {
height: 500px;
border: 0.1px solid #e0e0e0;
.list-container{
display: block;
position: relative;
width: 100%;
height: 100%;
}
.list-window-header{
width: 100.1%;
height: 7%;
position: relative;
margin-bottom: 10px;
flex: 1 1 auto;
background-color: #fafafa;
border: 0.1px solid #e0e0e0;
border-bottom: none;
display: inline-flex;
justify-content: space-between;
align-items: center;
}
.list-window-header > * {
margin: 0.2ch;
font: 400 20px/28px Roboto, "Helvetica Neue", sans-serif;
}
.title{
background-color: #fafafa;
border: 0.1px solid #e0e0e0;
margin: 0px;
padding-bottom: 10px;
border-bottom: 0px;
margin-left: 0.5ch !important;
}
.scroll-window {
width: 100%;
height: 93%;
position: relative;
border-style: solid;
border-color: #e0e0e0;
border-width: 0.1px;
}
.ng-container:last-child {
border: none;
......
<h2 class="title">{{ title }} <app-button style="float: right" text="Create List" (btnClick)="createList()">
</app-button>
</h2>
<cdk-virtual-scroll-viewport itemSize="50" class="scroll-window" cdkDropList (cdkDropListDropped)="drop($event)">
<ng-container *ngFor="let list_identifier of listIdentifiers; index as i">
<app-list-item [id]="i" [identifier]="list_identifier" [selected]="selected===i"
(onDeleteList)="deleteListEvent($event)" (onSelect)="selectList($event)"></app-list-item>
</ng-container>
</cdk-virtual-scroll-viewport>
<div class="list-container">
<div class="list-window-header">
<div class="title">{{ title }}</div>
<app-button class="btn" style="float: right" text="Create List" (btnClick)="createList()">
</app-button>
</div>
<cdk-virtual-scroll-viewport itemSize="50" class="scroll-window" cdkDropList (cdkDropListDropped)="drop($event)">
<ng-container *ngFor="let list_identifier of listIdentifiers; index as i">
<app-list-item [id]="i" [identifier]="list_identifier" [selected]="selected===i"
(onDeleteList)="deleteListEvent($event)" (onSelect)="selectList($event)"></app-list-item>
</ng-container>
</cdk-virtual-scroll-viewport>
</div>
<!-- *ngIf="list_identifier!==''" -->
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment