wip #6404 @0.25

diff --git a/style/101-header-footer.sass b/style/101-header-footer.sass
index 94e84ee743a1a63af36e8fffb585a36a31186a0a..a25a9e008c808fbf794c3aabcca49a81e12e4a11 100644 (file)
--- a/style/101-header-footer.sass
+++ b/style/101-header-footer.sass
@@ -51,6 +51,9 @@ header
         height: auto
         +font-size(24)
 
+        &.small
+            +font-size(18)
+
 .footer
     position: absolute
     bottom: 0
@@ -86,6 +89,9 @@ header
             +font-size(20)
             height: 84px
 
+            &.small
+                +font-size(16)
+
     .footer
         +flex-config(center, false, row, center)
 

diff --git a/views/header_question.blade.php b/views/header_question.blade.php
index 9303f0b6ace858abfec78bfd158f026450460304..03f16484adf6754658df7c5c4a3f4447b2622ee6 100644 (file)
--- a/views/header_question.blade.php
+++ b/views/header_question.blade.php
@@ -1,3 +1,10 @@
+@php
+    $h1class='';
+    if(mb_strlen($question['question'])>105){
+        $h1class='small';
+    }
+@endphp
+
 {{-- $__('Confirm the match') --}}
 <header class="header-question">
     <p class="abovetitle">{{ $__('Question').' '.($position+1).'/'.$max }} </p>
@@ -20,7 +27,7 @@
         <h2 class="subtitle"
             class="only-desktop">{{$__('When you feel the answer is appropriate, confirm the match to move on to the next question')}}</h2>
     @else
-        <h1 id="titleQuestion">{{$question['question']}}</h1>
+        <h1 class="{{$h1class}}" id="titleQuestion">{{$question['question']}}</h1>
     @endif