peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-21 05:45:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

3 dots added to large text

Browse Source
This commit is contained in:
Eudes Inácio
2023-10-20 17:05:39 +01:00
parent 7eb237b59d
commit ebb7115824
25 changed files with 1093 additions and 1150 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/shared/agenda/edit-event-to-approve/edit-event-to-approve.page.html
+2 -2
View File
@@ -67,8 +67,8 @@
required
[disabled]=true
>
<ion-select-option value="Oficial">Calendário Oficial</ion-select-option>
<ion-select-option value="Pessoal">Calendário Pessoal</ion-select-option>
<ion-select-option value="Oficial">Agenda Oficial</ion-select-option>
<ion-select-option value="Pessoal">Agenda Pessoal</ion-select-option>
</ion-select>
src/app/shared/agenda/event-list/event-list.page.scss
+4
View File
@@ -103,6 +103,10 @@
color: var(--title-text-color);
margin: 0;
padding: 0;
max-width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
src/app/shared/gabinete-digital/edit-event-to-approve/edit-event.page.html
+2 -2
View File
@@ -58,10 +58,10 @@
<mat-form-field appearance="none" class="width-100" >
<mat-select placeholder="Selecione agenda" [(ngModel)]="eventProcess.workflowInstanceDataFields.Agenda" [disabled]="disabled">
<mat-option value="Oficial">
Calendário Oficial
Agenda Oficial
</mat-option>
<mat-option value="Pessoal">
Calendário Pessoal
Agenda Pessoal
</mat-option>
</mat-select>
</mat-form-field>
src/app/shared/gabinete-digital/events-to-approve/events-to-approve.page.scss
+120 -124
View File
@@ -1,122 +1,125 @@
@import '~src/function.scss';
@import "~src/function.scss";
:host{
margin: 0;
:host {
margin: 0;
}
.title-container{
.title-container {
margin-bottom: 15px;
.title-icon{
.title-icon {
float: right;
margin-right: 20px;
font-size: rem(30);
color: #42b9fe;
}
}
.title{
.title {
padding: 30px 20px 0 20px !important;
font-family: Roboto;
font-size: rem(25);
color:#000;
font-family: Roboto;
font-size: rem(25);
color: #000;
overflow: auto;
}
ion-item-sliding {
margin-top: 5px;
}
.main-content {
padding: 0px 20px 0 20px !important;
margin-top: 20px;
.item {
--inner-padding-end: 0 !important;
--inner-padding-top: 10px;
--inner-padding-bottom: 10px;
}
.event-pr-Oficial {
background-color: var(--white);
border-radius: 5px;
border-right: 5px solid #99e47b;
overflow: auto;
}
ion-item-sliding{
margin-top: 5px;
.event-pr-Pessoal {
background-color: var(--white);
border-radius: 5px;
border-right: 5px solid #958bfc;
overflow: auto;
}
.event-mdgpr-Oficial {
border-radius: 5px;
border-right: 5px solid var(--label-bg-color);
overflow: auto;
}
.event-mdgpr-Pessoal {
border-radius: 5px;
border-right: 5px solid #f05d5e;
overflow: auto;
}
.approve-event-time {
float: left;
}
.approve-event-time p {
width: 33px;
font-family: Roboto;
font-size: rem(13);
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: var(--Antartic-grey);
margin: 0;
padding-bottom: 10px;
}
.approve-event-detail {
float: left;
margin-left: 10px;
}
.approve-event-detail .p {
//width: 250px;
font-family: Roboto;
font-size: rem(13);
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: var(--black);
margin: 0;
padding-bottom: 10px;
}
.approve-event-detail .h3 {
font-family: Roboto;
font-size: rem(15);
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: var(--title-text-color);
margin: 0;
padding: 0;
max-width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.main-content{
padding: 0px 20px 0 20px !important;
margin-top: 20px;
.item{
--inner-padding-end: 0 !important;
--inner-padding-top: 10px;
--inner-padding-bottom:10px;
}
.event-pr-Oficial{
background-color: var(--white);
border-radius: 5px;
border-right: 5px solid #99e47b;
overflow: auto;
}
.event-pr-Pessoal{
background-color: var(--white);
border-radius: 5px;
border-right: 5px solid #958bfc;
overflow: auto;
}
.event-mdgpr-Oficial{
border-radius: 5px;
border-right: 5px solid var(--label-bg-color);
overflow: auto;
}
.event-mdgpr-Pessoal{
border-radius: 5px;
border-right: 5px solid #f05d5e;
overflow: auto;
}
.approve-event-time{
float: left;
}
.approve-event-time p{
width: 33px;
font-family: Roboto;
font-size: rem(13);
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: var(--Antartic-grey);
margin: 0;
padding-bottom: 10px;
}
.approve-event-detail{
float: left;
margin-left: 10px;
}
.approve-event-detail .p{
//width: 250px;
font-family: Roboto;
font-size: rem(13);
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: var(--black);
margin: 0;
padding-bottom: 10px;
}
.approve-event-detail .h3{
font-family: Roboto;
font-size: rem(15);
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: var(--title-text-color);;
margin: 0;
padding: 0;
}
}
/* New CSS */
.expediente{
.expediente {
border-radius: 15px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
border:1px solid #e9e9e9 !important;
border: 1px solid #e9e9e9 !important;
background-color: var(--white);
margin-bottom: 10px !important;
padding: 15px;
}
.exp-list-item{
.exp-list-item {
//width: 368px;
overflow: auto;
/* border-bottom: 1px solid gray; */
margin: 10px auto;
}
.exp-top-detail{
.exp-top-detail {
width: 100%;
float: left;
font-family: Roboto;
@@ -125,51 +128,51 @@
color: var(--title-text-color);
padding-left: 3px;
.subject{
.subject {
width: 84%;
float: left;
}
.exp-icon{
.exp-icon {
width: fit-content;
float: right;
/* font-size: rem(13); */
/* font-size: rem(13); */
margin: 0 !important;
padding: 0 !important;
ion-icon{
ion-icon {
font-size: rem(16);
color: #42b9fe;
float: left;
}
label{
label {
font-size: rem(13);
}
}
}
.exp-middle-detail, .exp-bottom-detail{
.exp-middle-detail,
.exp-bottom-detail {
margin-bottom: 5px;
}
.exp-middle-detail{
.exp-middle-detail {
font-size: rem(16);
width: 100%;
overflow: auto;
.exp-workflow{
.exp-workflow {
float: left;
margin: 0 !important;
.label{
.label {
border-radius: 15px;
background: var(--label-bg-color);
/* font-size: 12px; */
float: right;
padding: 2.5px 13.5px 2.5px 13.5px;
color: black;
}
}
}
.exp-date{
.exp-date {
width: auto;
font-family: Roboto;
font-size: rem(13);
@@ -182,49 +185,49 @@
float: right;
}
}
.exp-bottom-detail{
.exp-bottom-detail {
font-size: rem(10);
width: 100%;
overflow: auto;
padding-left: 3px;
.exp-remetente{
.exp-remetente {
//width: 200px;
font-family: Roboto;
/* font-size: rem(13); */
/* font-size: rem(13); */
font-weight: normal;
color: #000000;
float: left;
/* border: 1px solid red; */
}
}
.div-top-header{
.div-top-header {
width: 400px;
margin: 6px auto;
background-color: #0782c9;
overflow: auto;
}
.div-search{
.div-search {
font-size: rem(45);
float: left;
margin: 0 0 0 10px
margin: 0 0 0 10px;
}
.div-logo{
.div-logo {
background: transparent;
width: 150px;
margin: 2.5px 0 2.5px 71px;
float: left;
}
.div-logo img{
.div-logo img {
width: 100%;
}
.div-profile{
.div-profile {
font-size: rem(45);
float: right;
margin-right: 10px;
}
.centered-div{
.centered-div {
width: 100px;
height: 100px;
position: absolute;
@@ -233,16 +236,12 @@
margin: -35px 0 0 -35px;
}
.search-input-container{
.search-input-container {
background-color: white;
border-radius: 27.5px;
border: solid 1px #ebebeb;
font-size: rem(14);
.icon{
.icon {
color: #797979;
width: 41px;
height: 41px;
@@ -251,17 +250,14 @@
font-size: rem(25);
align-items: center;
}
.input-text{
.input-text {
width: 100%;
}
.icon-z{
.icon-z {
width: 20px;
}
}
.label-event-type {
padding: 1px 7px;
display: inline-block;