diff --git a/src/app/pages/agenda/agenda.page.scss b/src/app/pages/agenda/agenda.page.scss index 166c35b25..823d08aee 100644 --- a/src/app/pages/agenda/agenda.page.scss +++ b/src/app/pages/agenda/agenda.page.scss @@ -600,7 +600,6 @@ td.monthview-primary-with-event { .container-wrapper{ height: 100%; overflow: hidden; - padding-top: 1%; .calendar-timeline{ border-top-right-radius: 24px; diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.scss b/src/app/pages/gabinete-digital/gabinete-digital.page.scss index 3f0f378b1..af414499e 100644 --- a/src/app/pages/gabinete-digital/gabinete-digital.page.scss +++ b/src/app/pages/gabinete-digital/gabinete-digital.page.scss @@ -26,7 +26,7 @@ ion-segment-button{ text-align: center; } .title-container{ - background:#ecf8ff; + background:var(--gabinete-title-container); padding: 30px 20px 15px 20px !important; //margin-bottom: 15px; border-top-left-radius: 25px; @@ -117,7 +117,7 @@ ion-segment-button{ height: 100%; font-family: Roboto; margin: 0 auto; - background:#ecf8ff; + background:var(--gabinete-main-container); overflow:hidden; padding: 0 !important; border-top-left-radius: 25px; diff --git a/src/app/shared/gabinete-digital/all-processes/all-processes.page.scss b/src/app/shared/gabinete-digital/all-processes/all-processes.page.scss index b33103830..ea368428a 100644 --- a/src/app/shared/gabinete-digital/all-processes/all-processes.page.scss +++ b/src/app/shared/gabinete-digital/all-processes/all-processes.page.scss @@ -51,7 +51,7 @@ ion-list{ font-family: Roboto; font-size: 12pt; font-weight: 700; - color: #0d89d1; + color: var(--title-text-color); padding-left: 3px; .item-subject{ diff --git a/src/global.scss b/src/global.scss index d7fa8d405..868e1d048 100644 --- a/src/global.scss +++ b/src/global.scss @@ -785,6 +785,7 @@ ion-content { app-header .header-container{ background: var(--header-container-background) !important; color: var(--headercolor); + margin-bottom: 20px } app-header .header-bottom-line{ diff --git a/src/theme/variables.scss b/src/theme/variables.scss index 9c1a639ce..a1bb46eae 100644 --- a/src/theme/variables.scss +++ b/src/theme/variables.scss @@ -484,7 +484,7 @@ $app-theme: mat-light-theme( font-style: normal; line-height: normal; letter-spacing: normal; - color: var(--header-tab-text-white);; + color: var(--header-tab-text-white); margin: 0; padding: 0; } @@ -541,7 +541,8 @@ $app-theme: mat-light-theme( margin: 0 auto !important; } -.btn-cancel:hover, .btn-delete:hover{ +.btn-cancel:hover, +.btn-delete:hover { background-color: var(--button-hover); color: #ffffff !important; } @@ -632,17 +633,19 @@ body { --header-tab-text-white: rgb(0, 0, 0); --header-container-background: #fff; --header-bottom-line-background: rgb(255, 0, 0); - --header-bottom-line-background-image: linear-gradient(to right, #C63527, #FFB81C, #FFC72C); + --header-bottom-line-background-image: linear-gradient(to right, #c63527, #ffb81c, #ffc72c); - - --color: #D9D9D9; + --color: #d9d9d9; --color2: #f0f0f0; - --color3: #D9D9D9; + --color3: #d9d9d9; --color4: #d9d9d9ee; --color5: #ececec; --title-text-color: rgb(0, 0, 0); - --subtitle-text-color: #000 + --subtitle-text-color: #000; + + --gabinete-title-container: #fff; + --gabinete-main-container: #fff; } .default { @@ -652,9 +655,27 @@ body { --header-tab-top-border: white; --header-tab-text-white: white; - --header-container-background: linear-gradient(270deg, var(--color2) 0%, var(--color3) 23.44%, var(--color4) 78.13%, var(--color5) 100%) !important; - --header-bottom-line-background: linear-gradient(270deg, var(--color2) 0%, var(--color3) 23.44%, var(--color4) 78.13%, var(--color5) 100%) !important; - --header-bottom-line-background-image: linear-gradient(270deg, var(--color2) 0%, var(--color3) 23.44%, var(--color4) 78.13%, var(--color5) 100%) !important; + --header-container-background: linear-gradient( + 270deg, + var(--color2) 0%, + var(--color3) 23.44%, + var(--color4) 78.13%, + var(--color5) 100% + ) !important; + --header-bottom-line-background: linear-gradient( + 270deg, + var(--color2) 0%, + var(--color3) 23.44%, + var(--color4) 78.13%, + var(--color5) 100% + ) !important; + --header-bottom-line-background-image: linear-gradient( + 270deg, + var(--color2) 0%, + var(--color3) 23.44%, + var(--color4) 78.13%, + var(--color5) 100% + ) !important; --color: #0782c9; --color2: #45baff; @@ -663,5 +684,8 @@ body { --color5: #45baff; --title-text-color: #0d89d1; - --subtitle-text-color: #000 + --subtitle-text-color: #000; + + --gabinete-title-container: #ecf8ff; + --gabinete-main-container: #ecf8ff; }