fix css when in iframe

EsupPortail · Jun 12, 2017 · dc97020 · dc97020
1 parent e33de69
commit dc97020
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 10 deletions.
diff --git a/h5pp/static/h5p/styles/h5pp.css b/h5pp/static/h5p/styles/h5pp.css
@@ -163,6 +163,13 @@ label[for='id_title'] {
 	margin-left: 45%;
 	margin-top: 10px;
 }
+.score {
+	background : rgba(255,255,255, .4);
+	border-radius: 25px;
+	padding-left: 15px;
+	padding-bottom: 2px;
+	margin: auto;
+}
 
 /* Login */
 #form_login {

diff --git a/h5pp/templates/h5p/content.html b/h5pp/templates/h5p/content.html
@@ -5,15 +5,12 @@
 	{% for style in data.assets.css %}
 		@import url("{% static style %}");
 	{% endfor %}
-	</style>
-	<style>
-	.score, .configuration {
-		background : rgba(255,255,255, .4);
-		border-radius: 25px;
-		padding-left: 15px;
-		padding-bottom: 2px;
-		margin: auto;
-	}
+	{% if request.GET.is_iframe %}
+		.content {
+			padding: 0px !important;
+			max-width: 900px !important;
+		}
+	{% endif %}
 	</style>
 	{% for script in data.assets.js %}
 		<script type="text/javascript" src="{% static script %}"></script>
@@ -29,8 +26,10 @@
 <div class="wrap">
 	{% if not request.GET.is_iframe %}
 		<h3 class="page-title">{{request.GET.title}}</h3>
-	{% endif %}
 	<div class="well">
+	{% else %}
+		<div class="html-content">
+	{% endif %}
 		{% autoescape off %}
 			{{html}}
 		{% endautoescape %}