Attempt to make the layout sane when showing a campaign landing page in an iframe

12 years ago · 8b99f77e89
parent e7ffe33077
commit 8b99f77e89
3 changed files with 41 additions and 7 deletions
--- a/public_html/rewrite.php
+++ b/public_html/rewrite.php
@ -103,9 +103,18 @@ $router->routes = array(
 			'authenticator' => "authenticators/subscription.php",
 			'auth_error' => "modules/error/nosuchsubscription.php"
 		),
-		"^/campaign/([a-zA-Z0-9-]+)$"				=> "modules/landing.php",
-		"^/campaign/([a-zA-Z0-9-]+)/subscribe$"			=> "modules/subscribe.php",
-		"^/campaign/([a-zA-Z0-9-]+)/donate/([0-9]+)$"		=> "modules/donate.php",
+		"^/campaign/([a-zA-Z0-9-]+)$"				=> array(
+			'target' => "modules/landing.php",
+			'_resizable' => true
+		),
+		"^/campaign/([a-zA-Z0-9-]+)/subscribe$"			=> array(
+			'target' => "modules/subscribe.php",
+			'_resizable' => true
+		),
+		"^/campaign/([a-zA-Z0-9-]+)/donate/([0-9]+)$"		=> array(
+			'target' => "modules/donate.php",
+			'_resizable' => true
+		),
 		"^/thanks/([a-zA-Z0-9-]+)$"				=> "modules/thanks.php",
 		"^/test$"						=> "modules/test.php"
 	)
@ -123,4 +132,4 @@ catch (RouterException $e)
 }

 echo(NewTemplater::Render("layout", $locale->strings, array("contents" => $sPageContents, "title" => $sPageTitle, 
-	"padded" => (isset($router->uVariables['padded']) ? $router->uVariables['padded'] : true))));
+	"padded" => (isset($router->uVariables['padded']) ? $router->uVariables['padded'] : true), "resizable" => !empty($router->uVariables['resizable']))));
--- a/public_html/static/css/style.css
+++ b/public_html/static/css/style.css
@ -4,7 +4,7 @@

 body
 {
-	padding: 0px;
+	padding: 3px;
 	margin: 0px;
 	background-color: #E5EFD7;
 	font-family: Lato, sans-serif;
@ -16,6 +16,13 @@ body
 	margin: 0px auto;
 }

+.wrapper-resizable
+{
+	max-width: 960px;
+	width: auto;
+	margin: 0px auto;
+}
+
 pre.debug
 {
 	white-space: pre-wrap;       /* css-3 */
@ -633,7 +640,8 @@ table.payment-methods td.remove button

 .main .more .wrapper
 {
-	width: 730px;
+	width: auto;
+	max-width: 730px;
 	margin: 0px auto;
 }

@ -892,3 +900,20 @@ a.button:hover
 {
 	background-color: #4FA22A;
 }
+
+@media all and (max-width: 750px)
+{
+	.subscribe #field_email
+	{
+		width: 240px;
+	}
+}
+
+
+@media all and (max-width: 620px)
+{
+	.subscribe #field_email
+	{
+		width: 190px;
+	}
+}
--- a/public_html/templates/layout.tpl
+++ b/public_html/templates/layout.tpl
@ -9,7 +9,7 @@
 		<script src="/static/script/script.js"></script>
 	</head>
 	<body>
-		<div class="wrapper">
+		<div class="{%if resizable == false}wrapper{%else}wrapper-resizable{%/if}">
 			<div class="header">
 				<h1>
 					Re<span class="highlight">Donate</span>