mirror of
https://code.equilibrium.co.ao/ITO/doneit-web.git
synced 2026-04-20 05:16:07 +00:00
merge
This commit is contained in:
Peter Maquiran
@@ -18,7 +18,7 @@
|
||||
<!-- Calendar is here -->
|
||||
|
||||
<div class="calendar-segment-{{profile}}" [class.calendar-segment-pr-force]="SessionStore.user.Profile =='PR'">
|
||||
<div class="calendar-container" [style.height]="calendarHeight ">
|
||||
<div class="calendar-container" [class]="calendarHeight">
|
||||
|
||||
<ion-row class="ion-justify-content-between calendar-tool-tip">
|
||||
<ion-row class="ion-align-items-center first-row">
|
||||
@@ -178,25 +178,25 @@
|
||||
<div class="calendar-title-container px-20 d-flex">
|
||||
|
||||
<ion-row class="timeline-date align-center pr-10">
|
||||
<button class="no-color" *ngIf="showCalendar" (click)="calendarHeight='75px';showCalendar=false">
|
||||
<button class="no-color" *ngIf="showCalendar" (click)="calendarHeight=['height-75'];showCalendar=false">
|
||||
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="collaps font-25" src="assets/images/icons-collaps-up.svg" ></ion-icon>
|
||||
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="collaps font-25" src="assets/images/theme/gov/icons-collaps-up.svg" ></ion-icon>
|
||||
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " class="collaps font-25" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-collaps-up.svg"></ion-icon>
|
||||
</button>
|
||||
<button class="no-color" *ngIf="!showCalendar" (click)="calendarHeight='356px';showCalendar=true">
|
||||
<button class="no-color" *ngIf="!showCalendar" (click)="calendarHeight=['height-356'];showCalendar=true">
|
||||
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="collaps font-25" src="assets/images/icons-collaps-down.svg" ></ion-icon>
|
||||
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="collaps font-25" src="assets/images/theme/gov/icons-collaps-down.svg" ></ion-icon>
|
||||
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " class="collaps font-25" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-collaps-down.svg" ></ion-icon>
|
||||
</button >
|
||||
</ion-row>
|
||||
|
||||
<div style="padding-right: 50px" class=" text-black align-center cursor-pointer" (click)="changeSegment('Combinado')" [class.active]="segment == 'Combinado' ">
|
||||
<div style="padding-right: 50px" class="font-16-em text-black align-center cursor-pointer" (click)="changeSegment('Combinado')" [class.active]="segment == 'Combinado' ">
|
||||
Todas
|
||||
</div>
|
||||
<div style="padding-right: 50px" class=" text-black align-center cursor-pointer" (click)="changeSegment('Pessoal')" [class.active]="segment == 'Pessoal' ">
|
||||
<div style="padding-right: 50px" class="font-16-em text-black align-center cursor-pointer" (click)="changeSegment('Pessoal')" [class.active]="segment == 'Pessoal' ">
|
||||
Pessoais
|
||||
</div>
|
||||
<div class=" text-black align-center cursor-pointer" (click)="changeSegment('Oficial')" [class.active]="segment == 'Oficial' ">
|
||||
<div class="font-16-em text-black align-center cursor-pointer" (click)="changeSegment('Oficial')" [class.active]="segment == 'Oficial' ">
|
||||
Oficiais
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
@import '~src/function.scss';
|
||||
|
||||
.event-indicator {
|
||||
background: #333;
|
||||
@@ -55,12 +56,12 @@
|
||||
float: left;
|
||||
}
|
||||
.title {
|
||||
font-size: 25px;
|
||||
font-size: rem(25);
|
||||
}
|
||||
.div-icon{
|
||||
width: 40px;
|
||||
width: rem(40);
|
||||
float: right;
|
||||
font-size: 35px;
|
||||
font-size: rem(35);
|
||||
overflow: auto;
|
||||
padding: 1px;
|
||||
}
|
||||
@@ -145,7 +146,7 @@ input:checked + .slider:before {
|
||||
transform: translate(-50%,-50%);
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
font-size: 12px;
|
||||
font-size: rem(12);
|
||||
font-family: Verdana, sans-serif;
|
||||
}
|
||||
|
||||
@@ -201,7 +202,7 @@ input[type="checkbox"]::before{
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: 0;
|
||||
width: 30px;
|
||||
width: rem(30);
|
||||
height: 30px;
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
@@ -224,7 +225,7 @@ label{
|
||||
position: absolute;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
font-size: 12px;
|
||||
font-size: rem(12);
|
||||
pointer-events: none;
|
||||
}
|
||||
.onbtn{
|
||||
@@ -245,7 +246,7 @@ td.monthview-primary-with-event {
|
||||
}
|
||||
.header-title{
|
||||
font-family: Roboto;
|
||||
font-size: 25px;
|
||||
font-size: rem(25);
|
||||
margin: 0 5px 0 25px;
|
||||
padding: 0;
|
||||
/* color:#ffffff; */
|
||||
@@ -260,7 +261,7 @@ td.monthview-primary-with-event {
|
||||
border: 0!important;
|
||||
|
||||
.div-search{
|
||||
font-size: 45px;
|
||||
font-size: rem(45);
|
||||
float: left;
|
||||
margin: 0 0 0 10px
|
||||
}
|
||||
@@ -274,7 +275,7 @@ td.monthview-primary-with-event {
|
||||
width: 100%;
|
||||
}
|
||||
.div-profile{
|
||||
font-size: 45px;
|
||||
font-size: rem(45);
|
||||
float: right;
|
||||
margin-right: 10px;
|
||||
}
|
||||
@@ -295,7 +296,7 @@ td.monthview-primary-with-event {
|
||||
}
|
||||
|
||||
div ion-raw > ul > li{
|
||||
font-size: 11pt;
|
||||
font-size: rem(15);
|
||||
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
|
||||
}
|
||||
|
||||
@@ -311,10 +312,10 @@ td.monthview-primary-with-event {
|
||||
|
||||
.calendar-tool-tip{
|
||||
ion-icon{
|
||||
font-size: 30px;
|
||||
font-size: rem(30);
|
||||
}
|
||||
.arrow-down{
|
||||
font-size: 28px;
|
||||
font-size: rem(28);
|
||||
}
|
||||
|
||||
}
|
||||
@@ -341,7 +342,7 @@ td.monthview-primary-with-event {
|
||||
padding: 0px;
|
||||
li{
|
||||
list-style: none;
|
||||
height: 35px;
|
||||
height: rem(35);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
@@ -370,7 +371,7 @@ td.monthview-primary-with-event {
|
||||
|
||||
|
||||
.capitaliseText{
|
||||
font-size: 20px;
|
||||
font-size: rem(20);
|
||||
}
|
||||
|
||||
|
||||
@@ -389,7 +390,7 @@ td.monthview-primary-with-event {
|
||||
justify-content: space-around;
|
||||
th {
|
||||
font-family: Roboto;
|
||||
font-size: 15px;
|
||||
font-size: rem(15);
|
||||
color: rgba(52, 72, 94, 0.54);
|
||||
font-weight: normal;
|
||||
}
|
||||
@@ -402,20 +403,20 @@ td.monthview-primary-with-event {
|
||||
cursor: pointer;
|
||||
padding: 10px 20px;
|
||||
.collaps{
|
||||
font-size: 20px;
|
||||
font-size: rem(20);
|
||||
padding-right: 8px;
|
||||
}
|
||||
.filter{
|
||||
font-size: 15px;
|
||||
font-size: rem(15);
|
||||
font-weight: normal;
|
||||
ion-icon{
|
||||
font-size: 35px;
|
||||
font-size: rem(35);
|
||||
color: var(--title-text-color);
|
||||
}
|
||||
.filter-name{
|
||||
color: var(--title-text-color);
|
||||
font-family: Roboto;
|
||||
font-size: 15px;
|
||||
font-size: rem(15);
|
||||
margin-right: 25px;
|
||||
width: 55px;
|
||||
}
|
||||
@@ -434,7 +435,7 @@ td.monthview-primary-with-event {
|
||||
z-index: 1000000;
|
||||
li{
|
||||
padding: 5px 10px;
|
||||
font-size: 15px;
|
||||
font-size: rem(15);
|
||||
font-weight: normal;
|
||||
}
|
||||
li.active{
|
||||
@@ -450,7 +451,7 @@ td.monthview-primary-with-event {
|
||||
}
|
||||
|
||||
.timeline-date{
|
||||
font-size: 13px;
|
||||
font-size: rem(13);
|
||||
font-weight: 500;
|
||||
color: gray;
|
||||
}
|
||||
@@ -471,7 +472,7 @@ td.monthview-primary-with-event {
|
||||
.day {
|
||||
font-weight: 500;
|
||||
color: gray !important;
|
||||
font-size: 13px;
|
||||
font-size: rem(13);
|
||||
}
|
||||
.EventListBoxBorder{
|
||||
padding-bottom: 5px;
|
||||
@@ -491,19 +492,19 @@ td.monthview-primary-with-event {
|
||||
.time-start{
|
||||
color: #797979 !important;
|
||||
font-family: Roboto;
|
||||
font-size: 13px;
|
||||
font-size: rem(13);
|
||||
}
|
||||
.time-end{
|
||||
color: #797979 !important;
|
||||
font-family: Roboto;
|
||||
font-size: 13px;
|
||||
font-size: rem(13);
|
||||
}
|
||||
}
|
||||
.schedule-date{
|
||||
margin-right: 10px;
|
||||
width: 22%;
|
||||
color: #797979 !important;
|
||||
font-size: 13px;
|
||||
font-size: rem(13);
|
||||
}
|
||||
.schedule-details{
|
||||
display: flex;
|
||||
@@ -516,12 +517,12 @@ td.monthview-primary-with-event {
|
||||
width: 100%;
|
||||
font-family: Roboto;
|
||||
color: black;
|
||||
font-size: 14px;
|
||||
font-size: rem(14);
|
||||
|
||||
}
|
||||
|
||||
.calendar-owner {
|
||||
font-size: 14px;
|
||||
font-size: rem(14);
|
||||
}
|
||||
|
||||
.description{
|
||||
@@ -535,13 +536,13 @@ td.monthview-primary-with-event {
|
||||
white-space: nowrap;
|
||||
overflow: hidden !important;
|
||||
text-overflow: ellipsis !important;
|
||||
font-size: 17px;
|
||||
font-size: rem(17);
|
||||
}
|
||||
|
||||
}
|
||||
.color{
|
||||
width: 5px;
|
||||
height: 40px;
|
||||
height: rem(40);
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
background-color: #f05d5e;
|
||||
@@ -560,11 +561,11 @@ td.monthview-primary-with-event {
|
||||
padding: 0 0 0 12px;
|
||||
}
|
||||
.div-content-Oficial h3, .div-content-Pessoal h3{
|
||||
font-size: 14pt;
|
||||
font-size: rem(19);
|
||||
/* border: 1px solid red; */
|
||||
}
|
||||
.div-content-Oficial p, .div-content-Pessoal p{
|
||||
font-size: 12pt;
|
||||
font-size: rem(16);
|
||||
color: rgb(94, 92, 92);
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
@@ -861,7 +862,7 @@ app-approve-event{
|
||||
|
||||
|
||||
$font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
|
||||
$font-size: 11pt;
|
||||
$font-size: rem(15);
|
||||
|
||||
.changeText{
|
||||
font-family: $font-family;
|
||||
@@ -888,9 +889,6 @@ $font-size: 11pt;
|
||||
border: 1.5px solid black;
|
||||
color: white;
|
||||
display: none;
|
||||
.text{
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -1004,4 +1002,36 @@ $font-size: 11pt;
|
||||
ion-icon {
|
||||
color: unset !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@media only screen and (min-width: 100px) {
|
||||
|
||||
.calendar-title-container {
|
||||
font-size: 14px;
|
||||
}
|
||||
.height-75 {
|
||||
height: 75px;
|
||||
}
|
||||
|
||||
.height-356 {
|
||||
height: 324px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 500px) {
|
||||
|
||||
.calendar-title-container {
|
||||
font-size: 16px;
|
||||
}
|
||||
.height-75 {
|
||||
height: 75px;
|
||||
}
|
||||
|
||||
.height-356 {
|
||||
height: 356px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -67,7 +67,7 @@ export class AgendaPage implements OnInit {
|
||||
|
||||
// calendar
|
||||
showCalendar: boolean;
|
||||
calendarHeight: string;
|
||||
calendarHeight = [];
|
||||
|
||||
// for timeline
|
||||
events: CalendarEvent[] = [];
|
||||
@@ -222,7 +222,7 @@ export class AgendaPage implements OnInit {
|
||||
|
||||
}
|
||||
|
||||
this.calendarHeight = "356px";
|
||||
this.calendarHeight = ["height-356"];
|
||||
this.showCalendar = true;
|
||||
this.timelineDate = momentG(new Date(), 'dd MMMM yyyy');
|
||||
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
<ion-header>
|
||||
<div class="title-content">
|
||||
<div class="middle">
|
||||
<ion-label id="vsdfajnl" class="title">Editar Evento</ion-label>
|
||||
<ion-label id="vsdfajnl" class="title" style="font-size: 21.1px">Editar Evento</ion-label>
|
||||
</div>
|
||||
</div>
|
||||
</ion-header>
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
|
||||
@import '~src/function.scss';
|
||||
|
||||
.title-content::after, .header-md::after{
|
||||
display: none;
|
||||
@@ -27,12 +28,12 @@
|
||||
}
|
||||
|
||||
.title{
|
||||
font-size: 25px;
|
||||
font-size: rem(25);
|
||||
}
|
||||
|
||||
}
|
||||
.ion-item-container{
|
||||
margin: 15px auto;
|
||||
margin: rem(15) auto;
|
||||
border: 1px solid #ebebeb;
|
||||
border-radius: 5px;
|
||||
padding-left: 10px;
|
||||
@@ -50,11 +51,11 @@
|
||||
margin: 0px auto;
|
||||
}
|
||||
.ion-icon-class{
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
width: rem(45);
|
||||
height: rem(45);
|
||||
float: left;
|
||||
padding: 10px;
|
||||
font-size: 25px;
|
||||
font-size: rem(25);
|
||||
}
|
||||
ion-select{
|
||||
padding-left: 5px;
|
||||
@@ -62,7 +63,7 @@
|
||||
}
|
||||
.ion-input-class{
|
||||
width: calc(100% - 45px);
|
||||
height: 45px;
|
||||
height: rem(45);
|
||||
border: 1px solid #ebebeb;
|
||||
border-radius: 5px;
|
||||
padding-left: 5px;
|
||||
@@ -79,19 +80,19 @@
|
||||
|
||||
}
|
||||
.add-people{
|
||||
width: 45px;
|
||||
width: rem(45);
|
||||
float: right;
|
||||
overflow: auto;
|
||||
font-size: 25px;
|
||||
height: 45px;
|
||||
font-size: rem(25);
|
||||
height: rem(45);
|
||||
display: flex;
|
||||
}
|
||||
.list-people-title{
|
||||
/* font-size: 13px; */
|
||||
/* font-size: rem(13); */
|
||||
color: #a3a3a3;
|
||||
}
|
||||
.attach-document{
|
||||
font-size: 15px;
|
||||
font-size: rem(15);
|
||||
color: var(--title-text-color);;
|
||||
margin: 5px 5px 5px 10px;
|
||||
padding: 5px;
|
||||
@@ -99,40 +100,40 @@
|
||||
}
|
||||
.attach-icon{
|
||||
width: 37px;
|
||||
font-size: 35px;
|
||||
font-size: rem(35);
|
||||
float: left;
|
||||
}
|
||||
.attach-title-item{
|
||||
width: 100%;
|
||||
font-size: 15px;
|
||||
font-size: rem(15);
|
||||
color:var(--title-text-color);
|
||||
|
||||
}
|
||||
/* SPAN */
|
||||
.span-left{
|
||||
float: left;
|
||||
font-size: 15x;
|
||||
font-size: rem(15);
|
||||
}
|
||||
.span-right{
|
||||
text-align: right;
|
||||
float: right;
|
||||
font-size: 13px;
|
||||
font-size: rem(13);
|
||||
}
|
||||
.container-footer{
|
||||
margin:0 auto;
|
||||
overflow: auto;
|
||||
}
|
||||
.button-cancel {
|
||||
width: 170px;
|
||||
height: 44px;
|
||||
width: rem(170);
|
||||
height: rem(44);
|
||||
border-radius: 22.5px;
|
||||
--background: #e0e9ee;
|
||||
--color: #061b52;
|
||||
margin:10px;
|
||||
}
|
||||
.button-save {
|
||||
width: 170px;
|
||||
height: 44px;
|
||||
width: rem(170);
|
||||
height: rem(44);
|
||||
border-radius: 22.5px;
|
||||
--background: #42b9fe;
|
||||
--color:#ffffff;
|
||||
@@ -150,7 +151,7 @@
|
||||
/* Error Messages */
|
||||
.error{
|
||||
color:red;
|
||||
font-size: 12px;
|
||||
font-size: rem(12);
|
||||
font-weight: bold;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
@@ -176,7 +177,7 @@
|
||||
align-items: center;
|
||||
padding: 0px 5px;
|
||||
color: white;
|
||||
font-size: 9pt;
|
||||
font-size: rem(12);
|
||||
font-weight: 500;
|
||||
height: 19px;
|
||||
-webkit-border-radius: 18px;
|
||||
|
||||
@@ -1,3 +1,5 @@
|
||||
@import '~src/function.scss';
|
||||
|
||||
.header-content{
|
||||
//width: 360px;
|
||||
overflow: auto;
|
||||
@@ -5,7 +7,7 @@
|
||||
}
|
||||
.header-icon-left{
|
||||
width: 36px;
|
||||
font-size: 33px;
|
||||
font-size: rem(33);
|
||||
color: #42b9fe;
|
||||
float: left;
|
||||
}
|
||||
@@ -13,7 +15,7 @@
|
||||
.header-title{
|
||||
width: 264px;
|
||||
font-family: Roboto;
|
||||
font-size: 25px;
|
||||
font-size: rem(25);
|
||||
margin: 0 5px 10px 20px;
|
||||
padding: 0;
|
||||
color:#000;
|
||||
|
||||
@@ -1,3 +1,5 @@
|
||||
@import '~src/function.scss';
|
||||
|
||||
.wrapper{
|
||||
--padding-top:20px !important;
|
||||
--padding-bottom:20px !important;
|
||||
@@ -10,7 +12,7 @@
|
||||
.arrow-right-icon{
|
||||
width: 37px;
|
||||
float: right;
|
||||
font-size: 35px;
|
||||
font-size: rem(35);
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<div class="main-header">
|
||||
<div class="title-content width-100">
|
||||
<div class="middle">
|
||||
<ion-label class="title">Novo Evento</ion-label> <br>
|
||||
<ion-label class="title" style="font-size: 21.1px">Novo Evento</ion-label> <br>
|
||||
<i style="margin-top: -3px; font-size: 15px;" > Campos marcados com * são obrigatórios</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,3 +1,5 @@
|
||||
@import '~src/function.scss';
|
||||
|
||||
ion-content{
|
||||
--background:transparent;
|
||||
}
|
||||
@@ -30,7 +32,7 @@ ion-content{
|
||||
}
|
||||
|
||||
.title{
|
||||
font-size: 25px;
|
||||
font-size: rem(25);
|
||||
}
|
||||
|
||||
}
|
||||
@@ -66,18 +68,18 @@ ion-content{
|
||||
margin: 0px auto;
|
||||
}
|
||||
.ion-icon-class{
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
width: rem(45);
|
||||
height: rem(45);
|
||||
float: left;
|
||||
padding: 10px;
|
||||
font-size: 25px;
|
||||
font-size: rem(25);
|
||||
}
|
||||
ion-select{
|
||||
padding-left: 5px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.ion-input-class{
|
||||
height: 45px;
|
||||
height: rem(45);
|
||||
border: 1px solid #ebebeb;
|
||||
border-radius: 5px;
|
||||
padding-left: 5px;
|
||||
@@ -100,19 +102,19 @@ ion-content{
|
||||
|
||||
}
|
||||
.add-people{
|
||||
width: 45px;
|
||||
width: rem(45);
|
||||
float: right;
|
||||
overflow: auto;
|
||||
font-size: 25px;
|
||||
height: 45px;
|
||||
font-size: rem(25);
|
||||
height: rem(45);
|
||||
display: flex;
|
||||
}
|
||||
.list-people-title{
|
||||
/* font-size: 13px; */
|
||||
/* font-size: rem(13); */
|
||||
color: #a3a3a3;
|
||||
}
|
||||
.attach-document{
|
||||
font-size: 15px;
|
||||
font-size: rem(15);
|
||||
color: var(--title-text-color);
|
||||
margin: 5px 5px 5px 10px;
|
||||
padding: 5px;
|
||||
@@ -120,39 +122,39 @@ ion-content{
|
||||
}
|
||||
.attach-icon{
|
||||
width: 37px;
|
||||
font-size: 35px;
|
||||
font-size: rem(35);
|
||||
float: left;
|
||||
}
|
||||
.attach-title-item{
|
||||
width: 100%;
|
||||
font-size: 15px;
|
||||
font-size: rem(15);
|
||||
color:var(--title-text-color);
|
||||
}
|
||||
/* SPAN */
|
||||
.span-left{
|
||||
float: left;
|
||||
font-size: 15x;
|
||||
font-size: rem(15);
|
||||
}
|
||||
.span-right{
|
||||
text-align: right;
|
||||
float: right;
|
||||
font-size: 13px;
|
||||
font-size: rem(13);
|
||||
}
|
||||
.container-footer{
|
||||
margin:0 auto;
|
||||
overflow: auto;
|
||||
}
|
||||
.button-cancel {
|
||||
width: 170px;
|
||||
height: 44px;
|
||||
width: rem(170);
|
||||
height: rem(44);
|
||||
border-radius: 22.5px;
|
||||
--background: #e0e9ee;
|
||||
--color: #061b52;
|
||||
margin:10px;
|
||||
}
|
||||
.button-save {
|
||||
width: 170px;
|
||||
height: 44px;
|
||||
width: rem(170);
|
||||
height: rem(44);
|
||||
border-radius: 22.5px;
|
||||
--background: #42b9fe;
|
||||
--color:#ffffff;
|
||||
@@ -170,7 +172,7 @@ ion-content{
|
||||
/* Error Messages */
|
||||
.error{
|
||||
color:red;
|
||||
font-size: 12px;
|
||||
font-size: rem(12);
|
||||
font-weight: bold;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
@@ -191,7 +193,7 @@ ion-content{
|
||||
align-items: center;
|
||||
padding: 0px 5px;
|
||||
color: white;
|
||||
font-size: 9pt;
|
||||
font-size: rem(12);
|
||||
font-weight: 500;
|
||||
height: 19px;
|
||||
-webkit-border-radius: 18px;
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
</button>
|
||||
</div>
|
||||
<div class="middle">
|
||||
<p class="title"><span>{{loadedEvent.Subject}}</span></p>
|
||||
<p class="title" style="font-size: 21.1px"><span>{{loadedEvent.Subject}}</span></p>
|
||||
</div>
|
||||
<div class="menu-options d-flex">
|
||||
<button class="btn-no-color" (click)="editEvent()">
|
||||
@@ -36,7 +36,7 @@
|
||||
|
||||
<div class="content-location">
|
||||
<span class="date">{{loadedEvent.Location}}</span>
|
||||
<div *ngIf="loadedEvent.Organizer">
|
||||
<div *ngIf="loadedEvent.Organizer" class="font-15-rem">
|
||||
|
||||
<div *ngIf="eventsService.isMyEvent(loadedEvent) == false || sesseionStora.user.Profile =='PR'">
|
||||
<span class="label" *ngIf="loadedEvent.CalendarName == 'Oficial' " style="background-color: #99e47b;">{{loadedEvent.CalendarName}}</span>
|
||||
@@ -69,7 +69,7 @@
|
||||
<div class="line"></div>
|
||||
<div class="middle-content">
|
||||
<div *ngIf="loadedEvent.Attendees">
|
||||
<h5>Intervenientes</h5>
|
||||
<h5 class="font-17-rem">Intervenientes</h5>
|
||||
<ion-item class="ion-no-margin ion-no-padding">
|
||||
<ion-label>
|
||||
<div *ngFor="let attendee of loadedEvent.Attendees">
|
||||
@@ -79,7 +79,7 @@
|
||||
</ion-item>
|
||||
</div>
|
||||
<div *ngIf="loadedEvent.Body.Text">
|
||||
<h5>Detalhes</h5>
|
||||
<h5 class="font-17-rem">Detalhes</h5>
|
||||
<ion-item lines="none" class="ion-no-margin ion-no-padding">
|
||||
<pre class="width-100 text">{{ loadedEvent.Body.Text }} </pre>
|
||||
</ion-item>
|
||||
@@ -88,7 +88,7 @@
|
||||
</div>
|
||||
|
||||
<div *ngIf="loadedEvent.Attachments" class="bottom-content width-100">
|
||||
<h5>Documentos Anexados</h5>
|
||||
<h5 class="font-17-rem">Documentos Anexados</h5>
|
||||
<ion-list class="width-100">
|
||||
<ion-item *ngFor="let attach of loadedEvent.Attachments; let i = index" class="width-100" class="ion-no-margin ion-no-padding">
|
||||
<ion-label class="width-100 d-flex " (click)="docIndex(i);LoadDocumentDetails()">
|
||||
|
||||
@@ -4,7 +4,7 @@ ion-content{
|
||||
/* --padding-top:0px;
|
||||
--padding-start: 20px;
|
||||
--padding-end: 20px;
|
||||
font-size: 18px; */
|
||||
font-size: rem(18); */
|
||||
overflow: auto;
|
||||
}
|
||||
ion-menu{
|
||||
@@ -31,7 +31,7 @@ ion-menu{
|
||||
.left{
|
||||
width: 37px;
|
||||
float: left;
|
||||
font-size: 35px;
|
||||
font-size: rem(35);
|
||||
}
|
||||
.middle{
|
||||
width: calc(100% - 138.5px) !important;
|
||||
@@ -45,8 +45,8 @@ ion-menu{
|
||||
}
|
||||
}
|
||||
.header-icon-right{
|
||||
width: 45px;
|
||||
font-size: 45px;
|
||||
width: rem(45);
|
||||
font-size: rem(45);
|
||||
float: right;
|
||||
}
|
||||
.menu-options{
|
||||
@@ -59,12 +59,12 @@ ion-menu{
|
||||
margin-left: 15px;
|
||||
}
|
||||
.menu-options .edit{
|
||||
font-size: 35px;
|
||||
font-size: rem(35);
|
||||
float: left;
|
||||
}
|
||||
.menu-options .delete{
|
||||
padding: 7px;
|
||||
font-size: 21px;
|
||||
font-size: rem(21);
|
||||
color:#fff;
|
||||
background: #d30606;
|
||||
border-radius: 20px;
|
||||
@@ -73,7 +73,7 @@ ion-menu{
|
||||
}
|
||||
|
||||
.title{
|
||||
font-size: 25px;
|
||||
font-size: rem(25);
|
||||
}
|
||||
|
||||
}
|
||||
@@ -94,7 +94,7 @@ ion-menu{
|
||||
.upper-content{
|
||||
width: calc(100%-50px);
|
||||
margin-left: 50px;
|
||||
font-size: 18px;
|
||||
font-size: rem(18);
|
||||
|
||||
.content-location{
|
||||
width: 100%;
|
||||
@@ -113,7 +113,7 @@ ion-menu{
|
||||
.location-detail{
|
||||
width: 210px;
|
||||
font-weight: 700;
|
||||
font-size: 18px;
|
||||
font-size: rem(18);
|
||||
float: left;
|
||||
margin: 5px 5px 5px 0px;
|
||||
}
|
||||
@@ -149,7 +149,7 @@ ion-menu{
|
||||
|
||||
|
||||
.button-calendar-type ion-button{
|
||||
height: 25px;
|
||||
height: rem(25);
|
||||
}
|
||||
.button-edit-event {
|
||||
width: 140px;
|
||||
@@ -159,7 +159,7 @@ ion-menu{
|
||||
--color:#061b52;
|
||||
}
|
||||
.content-details p{
|
||||
font-size: 16px;
|
||||
font-size: rem(16);
|
||||
}
|
||||
}
|
||||
.line{
|
||||
@@ -172,7 +172,7 @@ ion-menu{
|
||||
overflow: auto;
|
||||
|
||||
.middle-content h3, .middle-content p{
|
||||
font-size: 16px;
|
||||
font-size: rem(16);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -180,11 +180,11 @@ ion-menu{
|
||||
margin: 0 auto;
|
||||
|
||||
.bottom-content h3{
|
||||
font-size: 16px;
|
||||
font-size: rem(16);
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
.attach-document{
|
||||
font-size: 15px;
|
||||
font-size: rem(15);
|
||||
color: var(--title-text-color);
|
||||
margin: 5px 5px 5px 10px;
|
||||
padding: 5px;
|
||||
@@ -192,24 +192,24 @@ ion-menu{
|
||||
}
|
||||
.attach-icon{
|
||||
width: 37px;
|
||||
font-size: 35px;
|
||||
font-size: rem(35);
|
||||
float: left;
|
||||
}
|
||||
.attach-title-item{
|
||||
width: 100%;
|
||||
font-size: 15px;
|
||||
font-size: rem(15);
|
||||
color:#0d89d1;
|
||||
/* color: var(--title-text-color); */
|
||||
}
|
||||
/* SPAN */
|
||||
.span-left{
|
||||
float: left;
|
||||
font-size: 15x;
|
||||
font-size: rem(15);
|
||||
}
|
||||
.span-right{
|
||||
text-align: right;
|
||||
float: right;
|
||||
font-size: 13px;
|
||||
font-size: rem(13);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -224,7 +224,7 @@ ion-menu{
|
||||
.arrow-right-icon{
|
||||
width: 37px;
|
||||
float: right;
|
||||
font-size: 35px;
|
||||
font-size: rem(35);
|
||||
}
|
||||
}
|
||||
.buttons{
|
||||
@@ -234,7 +234,7 @@ ion-menu{
|
||||
|
||||
.btn-ok, .btn-cancel, .btn-delete{
|
||||
height: auto !important;
|
||||
font-size: 16px !important;
|
||||
font-size: rem(16) !important;
|
||||
width: 100% !important;
|
||||
margin-bottom: 10px !important;
|
||||
padding: 15px !important;
|
||||
|
||||
Reference in New Issue
Block a user