sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-28 22:42:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

TK - List and Modal Styling Update

Browse Source
This commit is contained in:
Lorenz Hilpert
2021-06-15 16:44:37 +02:00
parent 720fe3e5c0
commit 109e2c4d59
14 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/page/task-calendar/src/lib/components/task-list/task-list-item.component.scss
View File

@@ -2,7 +2,8 @@
@apply flex flex-row px-4 py-3;
.date {
@apply text-right font-bold mr-2 self-start w-24;
@apply text-right font-bold mr-2 self-start flex-shrink-0 flex-grow-0;
width: 112px !important;
}
.indicator {
@@ -25,7 +26,7 @@
}
.task-content {
@apply flex flex-col ml-2;
@apply flex flex-col ml-2 flex-shrink flex-grow;
.task-content-title {
@apply flex flex-row;

2
apps/page/task-calendar/src/lib/modals/article-list/article-list-modal.component.html
View File

@@ -1,4 +1,4 @@
<button class="close" type="button"><ui-icon icon="close" size="16px" (click)="close()"></ui-icon></button>
<button class="close" type="button" (click)="close()"><ui-icon icon="close" size="16px"></ui-icon></button>
<ng-container *ngIf="!expandedArticle">
<h1>Artikelliste</h1>
<ui-slider [scrollDistance]="210">

2
apps/page/task-calendar/src/lib/modals/article-list/article-list-modal.component.scss
View File

@@ -46,7 +46,7 @@ h1 {
}
.close {
@apply absolute top-0 right-0 outline-none border-none bg-transparent;
@apply absolute -top-4 -right-4 p-4 outline-none border-none bg-transparent;
z-index: 10;
ui-icon {

2
apps/page/task-calendar/src/lib/modals/image-viewer/image-viewer-modal.component.html
View File

@@ -1,4 +1,4 @@
<button class="close" type="button"><ui-icon icon="close" size="16px" (click)="close()"></ui-icon></button>
<button class="close" type="button" (click)="close()"><ui-icon icon="close" size="16px"></ui-icon></button>
<h1>{{ file?.name }}</h1>

2
apps/page/task-calendar/src/lib/modals/image-viewer/image-viewer-modal.component.scss
View File

@@ -11,7 +11,7 @@ img {
}
button.close {
@apply absolute top-0 right-0 outline-none border-none bg-transparent;
@apply absolute -top-4 -right-4 p-4 outline-none border-none bg-transparent;
ui-icon {
@apply text-inactive-branch;

2
apps/page/task-calendar/src/lib/modals/info/info-modal.component.html
View File

@@ -1,3 +1,3 @@
<h1>{{ info?.title }}</h1>
<page-task-info [info]="info"></page-task-info>
<button type="button"><ui-icon icon="close" size="16px" (click)="close()"></ui-icon></button>
<button type="button" (click)="close()"><ui-icon icon="close" size="16px"></ui-icon></button>

2
apps/page/task-calendar/src/lib/modals/info/info-modal.component.scss
View File

@@ -7,7 +7,7 @@ h1 {
}
button {
@apply absolute top-0 right-0 outline-none border-none bg-transparent;
@apply absolute -top-4 -right-4 p-4 outline-none border-none bg-transparent;
ui-icon {
@apply text-inactive-branch;

2
apps/page/task-calendar/src/lib/modals/pdf-viewer/pdf-viewer-modal.component.html
View File

@@ -1,4 +1,4 @@
<button class="close" type="button"><ui-icon icon="close" size="16px" (click)="close()"></ui-icon></button>
<button class="close" type="button" (click)="close()"><ui-icon icon="close" size="16px"></ui-icon></button>
<h1>{{ file?.name }}</h1>

2
apps/page/task-calendar/src/lib/modals/pdf-viewer/pdf-viewer-modal.component.scss
View File

@@ -20,7 +20,7 @@ pdf-viewer {
}
button.close {
@apply absolute top-0 right-0 outline-none border-none bg-transparent;
@apply absolute -top-4 -right-4 p-4 outline-none border-none bg-transparent;
ui-icon {
@apply text-inactive-branch;

2
apps/page/task-calendar/src/lib/modals/preinfo/preinfo-modal.component.html
View File

@@ -1,4 +1,4 @@
<h3>Vorabinfo</h3>
<h1>{{ info?.title }}</h1>
<page-task-info [info]="info" showTaskDate="true"></page-task-info>
<button type="button"><ui-icon icon="close" size="16px" (click)="close()"></ui-icon></button>
<button type="button" (click)="close()"><ui-icon icon="close" size="16px"></ui-icon></button>

2
apps/page/task-calendar/src/lib/modals/preinfo/preinfo-modal.component.scss
View File

@@ -7,7 +7,7 @@ h1 {
}
h3 {
@apply absolute m-0 top-0 left-0 text-regular text-active-branch uppercase;
@apply absolute m-0 -top-4 -right-4 p-4 text-regular text-active-branch uppercase;
}
button {

2
apps/page/task-calendar/src/lib/modals/task/task-modal.component.html
View File

@@ -1,4 +1,4 @@
<button class="btn-close" type="button"><ui-icon icon="close" size="16px" (click)="close()"></ui-icon></button>
<button class="btn-close" type="button" (click)="close()"><ui-icon icon="close" size="16px"></ui-icon></button>
<div class="header">
<ui-tshirt [effort]="info?.effort"></ui-tshirt>

2
apps/page/task-calendar/src/lib/modals/task/task-modal.component.scss
View File

@@ -31,7 +31,7 @@
}
.btn-close {
@apply absolute top-0 right-0 outline-none border-none bg-transparent;
@apply absolute -top-4 -right-4 p-4 outline-none border-none bg-transparent;
ui-icon {
@apply text-inactive-branch;

3
apps/page/task-calendar/src/lib/pages/tasks/tasks.component.scss
View File

@@ -0,0 +1,3 @@
:host {
@apply block pb-24;
}