From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Thu, 12 Oct 2023 13:53:34 +0000 (+0200)
Subject: wip #6404 @0.25
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=2270060045e0df8321397cbb6fd36740db058db6;p=fluidbook-toolbox-quiz.git

wip #6404 @0.25
---

diff --git a/style/101-header-footer.sass b/style/101-header-footer.sass
index 94e84ee..a25a9e0 100644
--- 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 9303f0b..03f1648 100644
--- 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