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

update to ionic 6

Browse Source
This commit is contained in:
Peter Maquiran
2023-07-11 19:52:36 +01:00
parent 89e11c6fe4
commit 3a48e8132a
5 changed files with 272 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/global.scss
+1 -6
View File
@@ -24,7 +24,7 @@
@import "~@ionic/angular/css/text-alignment.css";
@import "~@ionic/angular/css/text-transformation.css";
@import "~@ionic/angular/css/flex-utils.css";
@import "./style/ios.scss";
@@ -441,11 +441,6 @@ td.monthview-secondary-with-event, td.monthview-secondary-with-event[_ngcontent-
.modal-padding-top {
margin-top: 87px;
.modal-wrapper {
// height: 99%;
// top: 2%;
// position: relative;
}
}
.modal-top-100-width-background, .modal-desktop {
src/style/ios.scss
+192
View File
@@ -0,0 +1,192 @@
.modal-desktop::part(content) {
max-width: 1466px !important;
height: 100%;
}
.profile-modal::part(content) {
position: absolute;
right: 0px;
height: 90%;
max-width: 100%;
top: 0px;
border-radius: 0 0 25px 25px;
}
@media only screen and (min-width: 701px) {
.profile-modal::part(content) {
max-width: 400px;
}
}
.notification-modal::part(content) {
position: absolute;
top: 23px;
right: 0px;
height: 87px;
max-width: 400px;
border-radius: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
-ms-border-radius: 9px;
-o-border-radius: 9px;
}
.notification-modal::part(backdrop) {
display: none;
}
.aside-modal::part(content) {
position: absolute;
right: 0px;
height: 100%;
width: 400px;
}
.modal-width-100-width-background::part(content),
.modal-desktop::part(content) {
width: 100% !important;
height: 100% !important;
position: relative;
}
.modal-top-100-width-background::part(content),
.modal-desktop::part(content) {
width: 100%;
height: 99%;
position: relative;
}
@media only screen and (min-width: 1366px) {
.modal-desktop-remove-background::part(content) {
transform: none !important;
box-shadow: none !important;
height: 100% !important;
top: unset !important;
.ion-page {
transform: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
}
}
.modal-desktop-remove-background::part(backdrop) {
display: none;
transform: none !important;
}
}
.chat-mobile-modal-to-Desktop::part(content) {
transform: none !important;
width: 100%;
height: 100%;
box-shadow: none !important;
}
.chat-mobile-modal-to-Desktop::part(backdrop) {
display: none;
transform: none !important;
}
.modal-width-100::part(content) {
width: 100%;
height: 100%;
}
.chat-popover::part(content) {
width: 100% !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
top: calc(100% - 160px) !important;
max-height: 160px;
min-height: 160px;
}
.temporary-message::part(content) {
background-color: #00000073;
width: 500px;
height: fit-content;
height: 300px;
}
ion-modal::part(content) {
backdrop-filter: blur(12px);
}
.transparentblack-modal::part(content) {
--background: rgb(44, 39, 45);
}
.exp-options::part(content) {
width: 100% !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
top: unset !important;
}
.chat-options-popover::part(content) {
width: 100% !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
top: unset !important;
}
.group-duration::part(content) {
width: 100% !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
top: unset !important;
}
.chat-popover::part(content) {
width: 100% !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
top: unset !important;
}
.messages-options::part(content) {
width: 100% !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
top: unset !important;
}
.events-options::part(content) {
width: 100% !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
top: unset !important;
}