sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-31 09:37:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add Overflow Scroll to Calender View Component

Browse Source 
Add Sticky Nav


Add Media Query for Calendar Component Height

Update Layout Border Radius
This commit is contained in:
Sebastian
2020-05-26 11:41:14 +02:00
parent a2da0da586
commit 04389de476
4 changed files with 68 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
angular.json
View File

@@ -27,7 +27,10 @@
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": ["libs/ui/tsconfig.lib.json", "libs/ui/tsconfig.spec.json"],
"tsConfig": [
"libs/ui/tsconfig.lib.json",
"libs/ui/tsconfig.spec.json"
],
"exclude": ["**/node_modules/**"]
}
}
@@ -55,6 +58,9 @@
"apps/sales/src/silent-refresh.html"
],
"styles": ["apps/sales/src/styles.scss"],
"stylePreprocessorOptions": {
"includePaths": ["apps/sales/src/scss"]
},
"scripts": []
},
"configurations": {
@@ -139,13 +145,20 @@
"karmaConfig": "apps/sales/karma.conf.js",
"styles": ["apps/sales/src/styles.scss"],
"scripts": [],
"assets": ["apps/sales/src/favicon.ico", "apps/sales/src/assets", "apps/sales/src/manifest.webmanifest"]
"assets": [
"apps/sales/src/favicon.ico",
"apps/sales/src/assets",
"apps/sales/src/manifest.webmanifest"
]
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": ["apps/sales/tsconfig.app.json", "apps/sales/tsconfig.spec.json"],
"tsConfig": [
"apps/sales/tsconfig.app.json",
"apps/sales/tsconfig.spec.json"
],
"exclude": ["**/node_modules/**"]
}
}
@@ -204,7 +217,10 @@
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": ["libs/sso/tsconfig.lib.json", "libs/sso/tsconfig.spec.json"],
"tsConfig": [
"libs/sso/tsconfig.lib.json",
"libs/sso/tsconfig.spec.json"
],
"exclude": ["**/node_modules/**"]
}
}
@@ -234,7 +250,10 @@
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": ["apps/swagger/availability/tsconfig.lib.json", "apps/swagger/availability/tsconfig.spec.json"],
"tsConfig": [
"apps/swagger/availability/tsconfig.lib.json",
"apps/swagger/availability/tsconfig.spec.json"
],
"exclude": ["**/node_modules/**"]
}
}
@@ -264,7 +283,10 @@
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": ["apps/swagger/checkout/tsconfig.lib.json", "apps/swagger/checkout/tsconfig.spec.json"],
"tsConfig": [
"apps/swagger/checkout/tsconfig.lib.json",
"apps/swagger/checkout/tsconfig.spec.json"
],
"exclude": ["**/node_modules/**"]
}
}
@@ -294,7 +316,10 @@
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": ["apps/swagger/crm/tsconfig.lib.json", "apps/swagger/crm/tsconfig.spec.json"],
"tsConfig": [
"apps/swagger/crm/tsconfig.lib.json",
"apps/swagger/crm/tsconfig.spec.json"
],
"exclude": ["**/node_modules/**"]
}
}
@@ -324,7 +349,10 @@
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": ["apps/swagger/isa/tsconfig.lib.json", "apps/swagger/isa/tsconfig.spec.json"],
"tsConfig": [
"apps/swagger/isa/tsconfig.lib.json",
"apps/swagger/isa/tsconfig.spec.json"
],
"exclude": ["**/node_modules/**"]
}
}
@@ -354,7 +382,10 @@
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": ["apps/swagger/oms/tsconfig.lib.json", "apps/swagger/oms/tsconfig.spec.json"],
"tsConfig": [
"apps/swagger/oms/tsconfig.lib.json",
"apps/swagger/oms/tsconfig.spec.json"
],
"exclude": ["**/node_modules/**"]
}
}
@@ -384,7 +415,10 @@
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": ["apps/swagger/print/tsconfig.lib.json", "apps/swagger/print/tsconfig.spec.json"],
"tsConfig": [
"apps/swagger/print/tsconfig.lib.json",
"apps/swagger/print/tsconfig.spec.json"
],
"exclude": ["**/node_modules/**"]
}
}
@@ -414,7 +448,10 @@
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": ["apps/swagger/cat/tsconfig.lib.json", "apps/swagger/cat/tsconfig.spec.json"],
"tsConfig": [
"apps/swagger/cat/tsconfig.lib.json",
"apps/swagger/cat/tsconfig.spec.json"
],
"exclude": ["**/node_modules/**"]
}
}
@@ -448,9 +485,7 @@
"apps/swagger/eis/tsconfig.lib.json",
"apps/swagger/eis/tsconfig.spec.json"
],
"exclude": [
"**/node_modules/**"
]
"exclude": ["**/node_modules/**"]
}
}
}

6
apps/sales/src/app/modules/task-calendar/pages/calendar/calendar-view.component.html
View File

@@ -1,6 +1,10 @@
<div class="layout-container">
<div class="layout-content" *ngIf="store.minAndMaxDate$ | async as date">
<div
class="layout-content container"
*ngIf="store.minAndMaxDate$ | async as date"
>
<app-task-calendar-double-choice-switch
class="p-sticky"
(changeView)="navigateToTasks()"
></app-task-calendar-double-choice-switch>
<app-calendar

15
apps/sales/src/app/modules/task-calendar/pages/calendar/calendar-view.component.scss
View File

@@ -1,11 +1,22 @@
@import 'variables';
@import 'mixins/media';
:host {
display: block;
font-family: 'Open Sans';
}
.container {
background: white;
border-radius: 10px;
overflow: scroll;
max-height: 800px;
@include mq-tablet-landscape() {
max-height: 200px;
}
@include mq-desktop() {
max-height: 300px;
}
}
.main-container {

2
apps/sales/src/scss/_variables.scss
View File

@@ -11,7 +11,7 @@ $isa-red: #f70400;
$isa-white: #ffffff;
/* LAYOUT */
$layout-border-radius: 10px;
$layout-border-radius: 5px;
$layout-height: 90%;
$layout-background: $isa-white;
$layout-content-margin: 5px 3% 3% 3%;