CGM_Public/pretix_cgo
1
0
Fork 0
forked from CGM_Public/pretix_original
Code Pull Requests Actions Activity

Widget: Open iframe even on mobile (to prevent breakage in WkWebView)

Browse Source
This commit is contained in:
Raphael Michel
2021-03-16 16:16:59 +01:00
parent 4cfb10b254
commit 6e2b5eae9a
2 changed files with 26 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pretix/static/pretixpresale/js/widget/widget.js
View File

@@ -1505,7 +1505,7 @@ var shared_root_computed = {
return form_target return form_target
}, },
useIframe: function () { useIframe: function () {
return !this.disable_iframe && Math.min(screen.width, window.innerWidth) >= 800 && (this.skip_ssl || site_is_secure()); return !this.disable_iframe && (this.skip_ssl || site_is_secure());
}, },
showPrices: function () { showPrices: function () {
var has_priced = false; var has_priced = false;

25
src/pretix/static/pretixpresale/scss/widget.scss
View File

@@ -788,5 +788,30 @@
} }
} }
@media (max-width: 800px) {
.pretix-widget-frame-holder .pretix-widget-frame-inner {
left: 0;
width: 100%;
height: 100%;
top: 0;
background: $brand-primary;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
padding: 40px 0 0 0;
}
.pretix-widget-frame-holder .pretix-widget-frame-close {
right: 20px;
top: 20px;
background: white;
svg path {
fill: $brand-primary;
}
}
}
// https://github.com/Akryum/vue-resize/blob/master/dist/vue-resize.css // https://github.com/Akryum/vue-resize/blob/master/dist/vue-resize.css
.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1} .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}