Improve responsiveness

This commit is contained in:
Peter Maquiran
2021-04-23 10:35:53 +01:00
parent 53dff7237d
commit 74bc2a3f2f
31 changed files with 712 additions and 92 deletions
+68 -2
View File
@@ -433,7 +433,8 @@ td.monthview-secondary-with-event, td.monthview-secondary-with-event[_ngcontent-
}
@media only screen and (min-width: 1024px) {
@media only screen and (min-width: 1366px) {
.search-modal-to-desktop{
padding-top: 0px;
top: 75px;
@@ -448,6 +449,12 @@ td.monthview-secondary-with-event, td.monthview-secondary-with-event[_ngcontent-
}
}
}
@media only screen and (min-width: 1024px) {
.timeline-mobile{
.timeline-box {
position: relative;
@@ -552,4 +559,63 @@ td.monthview-secondary-with-event, td.monthview-secondary-with-event[_ngcontent-
}
.btn-no-color:focus{
outline: 0;
}
}
// center
app-gabinete-digital ion-content .main-content{
max-width: 1366px !important;
margin: 0px auto !important;
}
app-publications ion-content .main-content{
max-width: 1366px !important;
margin: 0px auto !important;
}
app-agenda ion-content .container-wrapper{
max-width: 1366px !important;
margin: 0px auto !important;
}
app-chat ion-content .main-content{
max-width: 1366px !important;
margin: 0px auto !important;
}
app-header .ion-toolbar{
max-width: 1366px;
margin: 0px auto;
}
app-header-no-search .ion-toolbar{
max-width: 1366px;
margin: 0px auto;
}
body, .blue-background{ background: #0782C9;}
@media only screen and (min-width: 1365px) {
body{
background: linear-gradient(270deg, #45BAFF 0%, #0782C9 23.44%, rgba(7, 130, 201, 0.9425) 78.13%, #45BAFF 100%);
}
.blue-background {
background: linear-gradient(270deg, #45BAFF 0%, #0782C9 23.44%, rgba(7, 130, 201, 0.9425) 78.13%, #45BAFF 100%);
}
}
:host {
ion-content {
--background:none;
}
--background:none;
}
ion-content {
--background:none;
}