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

[A11y] allow users to scale website

Browse Source 
* on smaller screens, make fontsize bigger for inputs to not have iPhones zoom on focus
This commit is contained in:
Richard Schreiber
2025-04-23 14:36:28 +02:00
committed by GitHub
parent 48c2d57cd4
commit 9d01072880
4 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pretix/base/templates/pretixbase/email/base.html
View File

@@ -4,7 +4,7 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=false"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css"> <style type="text/css">
body { body {
background-color: #eee; background-color: #eee;

2
src/pretix/presale/templates/pretixpresale/base.html
View File

@@ -18,7 +18,7 @@
{% include "pretixpresale/fragment_js.html" %} {% include "pretixpresale/fragment_js.html" %}
<meta name="referrer" content="origin"> <meta name="referrer" content="origin">
{{ html_head|safe }} {{ html_head|safe }}
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"> <meta name="viewport" content="width=device-width, initial-scale=1">
{% block custom_header %}{% endblock %} {% block custom_header %}{% endblock %}
{% if settings.favicon %} {% if settings.favicon %}
<link rel="icon" href="{{ settings.favicon|thumb:'16x16^' }}"> <link rel="icon" href="{{ settings.favicon|thumb:'16x16^' }}">

2
src/pretix/presale/templates/pretixpresale/event/seatingplan.html
View File

@@ -16,7 +16,7 @@
{{ seatingframe_html_head|safe }} {{ seatingframe_html_head|safe }}
{% include "pretixpresale/fragment_js.html" %} {% include "pretixpresale/fragment_js.html" %}
<meta name="referrer" content="origin"> <meta name="referrer" content="origin">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"> <meta name="viewport" content="width=device-width, initial-scale=1">
</head> </head>
<body class="full-screen-seating" data-locale="{{ request.LANGUAGE_CODE }}"> <body class="full-screen-seating" data-locale="{{ request.LANGUAGE_CODE }}">
<form method="post" data-asynctask <form method="post" data-asynctask

7
src/pretix/static/pretixpresale/scss/main.scss
View File

@@ -59,6 +59,13 @@ html {
font-size: 1em; font-size: 1em;
} }
@media (max-width: $screen-xs-max) {
/* scale everything to 1rem so older/smaller iPhones do not zoom inputs on focus */
.form-control {
font-size: 1rem;
}
}
/* fixe for bootstrap using px-values for fontsize */ /* fixe for bootstrap using px-values for fontsize */
.panel-title { .panel-title {
font-size: ($font-size-base * 1.125); font-size: ($font-size-base * 1.125);