Improve colors

This commit is contained in:
Peter Maquiran
2021-07-27 10:17:56 +01:00
parent 33648bba08
commit 1e40220b6e
4 changed files with 14 additions and 14 deletions
+4 -5
View File
@@ -20,7 +20,8 @@
<div> <div>
<!-- Calendar is here --> <!-- Calendar is here -->
<div class="calendar-segment-{{profile}}"> <div class="calendar-segment-{{profile}}" [class.calendar-segment-pr-force]="loggeduser.Profile =='PR'">
{{profile}} {{ loggeduser.Profile }}
<div class="calendar-container" [style.height]="calendarHeight"> <div class="calendar-container" [style.height]="calendarHeight">
<ion-row class="ion-justify-content-between calendar-tool-tip"> <ion-row class="ion-justify-content-between calendar-tool-tip">
@@ -52,11 +53,11 @@
</ion-row> </ion-row>
<ion-row class="ion-align-items-center"> <ion-row class="ion-align-items-center">
<button *ngIf="profile == 'mdgpr' " (click)="changeProfile()" class="d-md-none btn-no-color"> <button *ngIf="profile == 'mdgpr' && loggeduser.Profile =='MDGPR' " (click)="changeProfile()" class="d-md-none btn-no-color">
<ion-icon class="right-icons" src="assets/images/icons-profile-calendar-md.svg"></ion-icon> <ion-icon class="right-icons" src="assets/images/icons-profile-calendar-md.svg"></ion-icon>
</button> </button>
<button *ngIf="profile == 'pr' " (click)="changeProfile()" class="btn-no-color"> <button *ngIf="profile == 'pr' && loggeduser.Profile =='MDGPR' " (click)="changeProfile()" class="btn-no-color">
<ion-icon class="right-icons d-md-none" src="assets/images/icons-profile-calendar-pr.svg"></ion-icon> <ion-icon class="right-icons d-md-none" src="assets/images/icons-profile-calendar-pr.svg"></ion-icon>
</button> </button>
@@ -174,8 +175,6 @@
<!-- Timeline --> <!-- Timeline -->
<div class="height-100"> <div class="height-100">
<div class="timeline-container height-100 d-flex pt-20 pl-20 pl-20 filter-{{segment}}" > <div class="timeline-container height-100 d-flex pt-20 pl-20 pl-20 filter-{{segment}}" >
+2 -1
View File
@@ -48,7 +48,8 @@
<ion-item class="cursor-pointer" lines="none" *ngFor="let event of toDayEventStorage.eventsList" <ion-item class="cursor-pointer" lines="none" *ngFor="let event of toDayEventStorage.eventsList"
(click)="goToEvent(event.EventId)" (click)="goToEvent(event.EventId)"
> >
<div class="d-flex content-{{profile}}-{{event.CalendarName}}"> <div class="d-flex content-{{loggeduser.Profile}}-{{event.CalendarName}}">
<div class="schedule-time"> <div class="schedule-time">
<div class="time-start">{{event.StartDate | date: 'HH:mm'}}</div> <div class="time-start">{{event.StartDate | date: 'HH:mm'}}</div>
<div class="time-end">{{event.EndDate | date: 'HH:mm'}}</div> <div class="time-end">{{event.EndDate | date: 'HH:mm'}}</div>
+3 -3
View File
@@ -749,13 +749,13 @@ ion-content {
} }
.header-default-padding{ .header-default-padding{
padding: 30px 20px 0 20px !important; padding: 30px 20px 0 20px !important;
} }
.content-default-padding{ .content-default-padding{
padding: 0px 20px 0 20px !important; padding: 0px 20px 0 20px !important;
} }
.chat-popover .popover-content { .chat-popover .popover-content {
width: 100% !important; width: 100% !important;
left: 0 !important; left: 0 !important;
@@ -1065,7 +1065,7 @@ ngx-mat-datetime-content{
@media only screen and (max-width: 1024px) { @media only screen and (max-width: 1024px) {
.calendar-segment-mdgpr { .calendar-segment-mdgpr:not(.calendar-segment-pr-force) {
.calendar-pr-event-type-Oficial { .calendar-pr-event-type-Oficial {
border-right: 3px solid transparent !important; border-right: 3px solid transparent !important;
} }
+4 -4
View File
@@ -382,25 +382,25 @@ $app-theme: mat-light-theme((
margin-bottom: 10px; margin-bottom: 10px;
overflow: auto; overflow: auto;
} }
.content-pr-Oficial{ .content-pr-Oficial, .content-PR-Oficial{
width: 340px; width: 340px;
border-radius: 5px; border-radius: 5px;
border-right: 5px solid #99e47b; border-right: 5px solid #99e47b;
overflow: auto; overflow: auto;
} }
.content-pr-Pessoal{ .content-pr-Pessoal, .content-PR-Pessoal{
width: 340px; width: 340px;
border-radius: 5px; border-radius: 5px;
border-right: 5px solid #958bfc; border-right: 5px solid #958bfc;
overflow: auto; overflow: auto;
} }
.content-mdgpr-Oficial{ .content-mdgpr-Oficial, .content-MDGPR-Oficial{
width: 340px; width: 340px;
border-radius: 5px; border-radius: 5px;
border-right: 5px solid #ffb703; border-right: 5px solid #ffb703;
overflow: auto; overflow: auto;
} }
.content-mdgpr-Pessoal{ .content-mdgpr-Pessoal, .content-MDGPR-Pessoal{
width: 340px; width: 340px;
border-radius: 5px; border-radius: 5px;
border-right: 5px solid #f05d5e; border-right: 5px solid #f05d5e;