Merge branch 'fix-statement-preview' into 'master'

CodinGameCommunity · CodinGameCommunity · commit d4b6b57c2aae · 2020-03-16T14:59:07.000Z
[FIX][SDK] Fix statement preview

See merge request codingame/game-engine!270
diff --git a/playground/misc/misc-3-release-notes.md b/playground/misc/misc-3-release-notes.md
@@ -2,6 +2,12 @@
 
 The CodinGame SDK is regularly updated and improved. This document lets you know what changed in the latest releases.
 
+## Next Release
+
+### 🐞 Bug fix
+
+- Fixed CSS issues in statement editor preview
+
 ## 3.13.0
 
 ### 🎁 Features
diff --git a/runner/src/main/resources/view/statement.css b/runner/src/main/resources/view/statement.css
@@ -285,13 +285,13 @@ button {
   display: flex;
   align-items: center;
 }
-.statement-victory-conditions .icon {
+.statement-body .statement-section .statement-victory-conditions .icon {
   vertical-align: middle;
   text-align: center;
   margin-left: 8px;
   margin-right: 25px;
   min-width: 25px;
-  background-image: url(images/icon_statement_victory_conditions.png);
+  background-image: url(images/statement/icon_statement_victory_conditions.png);
   width: 25px;
   height: 25px;
 }
@@ -311,13 +311,13 @@ button {
   display: flex;
   align-items: center;
 }
-.statement-lose-conditions .icon {
+.statement-body .statement-section .statement-lose-conditions .icon {
   vertical-align: middle;
   text-align: center;
   margin-left: 8px;
   margin-right: 25px;
   min-width: 25px;
-  background-image: url(images/icon_statement_lose_conditions.png);
+  background-image: url(images/statement/icon_statement_lose_conditions.png);
   width: 25px;
   height: 25px;
 }
diff --git a/runner/src/main/resources/view/statement.html b/runner/src/main/resources/view/statement.html
@@ -2,6 +2,10 @@
 <html>
 
 <head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600,700,800,900" rel="stylesheet" type="text/css">
+  <link href='https://fonts.googleapis.com/css?family=Lato:300,400,900' rel='stylesheet' type='text/css'>
+  <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700" rel="stylesheet" type="text/css">
   <link rel="stylesheet" type="text/css" href="./statement.css">
 
   <script src="statement.js"></script>
diff --git a/runner/src/main/resources/view/test.html b/runner/src/main/resources/view/test.html
@@ -6,9 +6,9 @@
 	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 	<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.8/angular.js" integrity="sha256-47AQCzX6dqzjicKe4PabaBJtLnWffl34LU9WJUulNog=" crossorigin="anonymous"></script>
 	<script src="https://cdnjs.cloudflare.com/ajax/libs/ngStorage/0.3.11/ngStorage.min.js" integrity="sha256-0YzDSJS0qH+wpvug+Im1cMB9CX919NMtHj0d2VVHPp4=" crossorigin="anonymous"></script>
-	<link href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600,700,800,900" rel="stylesheet" type="text/css">
-	<link href='http://fonts.googleapis.com/css?family=Lato:300,400,900' rel='stylesheet' type='text/css'>
-	<link href="http://fonts.googleapis.com/css?family=Inconsolata:400,700" rel="stylesheet" type="text/css">
+	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600,700,800,900" rel="stylesheet" type="text/css">
+	<link href='https://fonts.googleapis.com/css?family=Lato:300,400,900' rel='stylesheet' type='text/css'>
+	<link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700" rel="stylesheet" type="text/css">
 	<script src="app.js" type="module"></script>
 	<link rel="stylesheet" type="text/css" href="test.css">
 </head>
