Files
MyX/public/assets/sass/framework/_add-to-home.scss
2024-08-11 16:14:28 +02:00

120 lines
2.3 KiB
SCSS

.ios-add-to-home {
.action-sheet-content {
position: relative;
font-size: $fontSizeSub;
color: $colorHeading;
line-height: 1.5em;
i.bi,
i.icon,
ion-icon {
font-size: 22px;
margin-bottom: -4px;
}
}
&:before {
content: "";
display: block;
width: 0;
height: 0;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top: 10px solid #fff;
position: absolute;
bottom: -7px;
z-index: 10;
left: 50%;
margin-left: -16px;
}
}
.android-add-to-home{
bottom: auto !important;
padding-top: 0;
margin-top: $safeTop;
top: 16px;
left: 6px !important;
right: 6px !important;
z-index: 99999;
border-radius: 6px !important;
.action-sheet-content {
font-size: $fontSizeSub;
color: $colorHeading;
line-height: 1.5em;
h4 {
font-size: $fontSize;
margin-bottom: 10px;
}
i.bi,
i.icon,
ion-icon {
font-size: 20px;
margin-bottom: -5px;
}
}
&:before {
content: "";
display: block;
width: 0;
height: 0;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top: 10px solid #fff;
position: absolute;
top: -7px;
z-index: 10;
right: 8px;
transform: rotate(180deg);
margin-left: -16px;
}
}
.android-add-to-home2 {
z-index: 200000;
.modal-dialog {
top: 0;
bottom: auto;
padding: 6px !important;
transform: translate(0, -100%) !important;
transition: 0.5s all !important;
}
&.show .modal-dialog {
transform: translate(0, 0) !important;
top: 10px;
}
.modal-content {
position: relative;
z-index: 1;
border-radius: 4px !important;
&:before {
content: "";
display: block;
width: 0;
height: 0;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top: 10px solid #fff;
position: absolute;
top: -7px;
z-index: 10;
right: 9px;
transform: rotate(180deg);
margin-left: -16px;
}
.action-sheet-content {
font-size: $fontSizeSub;
color: $colorHeading;
line-height: 1.5em;
h4 {
font-size: $fontSize;
margin-bottom: 10px;
}
i.bi,
i.icon,
ion-icon {
font-size: 20px;
margin-bottom: -5px;
}
}
}
}