Margin top to header added with 20px

This commit is contained in:
Eudes Inácio
2021-10-25 09:15:23 +01:00
parent c082a8b9f8
commit e53ecf5a0a
5 changed files with 39 additions and 15 deletions
-1
View File
@@ -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;
@@ -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;
@@ -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{
+1
View File
@@ -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{
+35 -11
View File
@@ -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;
}