From eb3f814e099926e33b23c8491538ae052a8891a3 Mon Sep 17 00:00:00 2001 From: Cris Date: Thu, 6 Jun 2019 08:48:25 +0200 Subject: [PATCH] Enhanced CSS for correct responsive testtool behaviour Bootstrap, HTML- and CSS stylings were colliding and causing issues when resizing the screen. This is fixed now. --- cis/testtool/frage.php | 86 +++++++++++++++++++++++++++-------------- cis/testtool/index.html | 4 +- cis/testtool/login.php | 14 ++++--- skin/styles/tw.css | 9 +---- 4 files changed, 70 insertions(+), 43 deletions(-) diff --git a/cis/testtool/frage.php b/cis/testtool/frage.php index c048ab31a..33ec654c6 100644 --- a/cis/testtool/frage.php +++ b/cis/testtool/frage.php @@ -182,7 +182,7 @@ echo ' - + t('testtool/bitteZuerstAnmelden')); @@ -512,7 +512,6 @@ if($frage->frage_id!='') } } } - echo ''; //Kopfzeile mit Weiter Button und Sprung direkt zu einer Frage if(!$demo && !$levelgebiet) { @@ -520,7 +519,10 @@ if($frage->frage_id!='') FROM testtool.tbl_pruefling_frage JOIN testtool.tbl_frage USING(frage_id) WHERE gebiet_id=".$db->db_add_param($gebiet_id, FHC_INTEGER)." AND pruefling_id=".$db->db_add_param($_SESSION['pruefling_id'], FHC_INTEGER)." AND demo=false ORDER BY nummer"; - echo " "; + echo " +

+ + "; //Nummern der Fragen Anzeigen $result = $db->db_query($qry); while($row = $db->db_fetch_object($result)) @@ -528,9 +530,9 @@ if($frage->frage_id!='') $antwort = new antwort(); $antwort->getAntwort($_SESSION['pruefling_id'],$row->frage_id); if($row->frage_id==$frage_id) - echo " "; + echo ""; else - echo " "; + echo " "; } //echo "

".($row->nummer<10?" ":"")."$row->nummer

".($row->nummer<10?" ":"")."$row->nummer

$row->nummer

$row->nummer

"; } @@ -552,7 +554,6 @@ if($frage->frage_id!='') else { if(!$demo) - //else { //Wenns der letzte Eintrag ist, wieder zum ersten springen echo " ".$p->t('testtool/blaettern')." >>"; @@ -561,30 +562,57 @@ if($frage->frage_id!='') } if(!$demo && !$levelgebiet) echo " "; - echo '

'; + + echo ' +
+

+

+ '; + //Bild und Text der Frage anzeigen if($frage->bild!='') - echo "

\n"; - + { + echo ' +

+

+

+ '; + } $timestamp = time(); + //Sound einbinden if($frage->audio!='') { - echo '

'; + echo ' +

+

+

+ '; } - echo "$frage->text

\n"; - //Vorschlaege laden + $display_well = $frage->nummer == 0 ? '' : 'well'; // don't style frage 0 because this is always the introduction to gebiet + echo ' +

+

+

'. $frage->text. '

+

+

+ '; + + //Vorschlaege laden $vs = new vorschlag(); $vs->getVorschlag($frage->frage_id, $_SESSION['sprache'], $gebiet->zufallvorschlag); $letzte = $frage->getNextFrage($gebiet_id, $_SESSION['pruefling_id'], $frage_id, $demo); echo "

frage_id\" method=\"POST\" ".(!$letzte && !$levelgebiet?"onsubmit=\"letzteFrage()\"":"").">"; - echo ''; - echo ''; + echo ' +

+

+ + '; $anzahl = 1; $beantwortet = false; $cnt = 0; // counter für foreach-Schleife @@ -597,7 +625,7 @@ if($frage->frage_id!='') //Vorschlaege anzeigen foreach ($vs->result as $vorschlag) { - echo "\n'; + echo ''; $anzahl=1; } $cnt++; } - + //wenn singleresponse und keine Levels und vorschlaege vorhanden sind, dann gibt es auch die //moeglichkeit fuer keine Antwort if(!$gebiet->multipleresponse && !$levelgebiet && count($vs->result)>0) { - echo "'; } echo '

"; + echo "	"; //Bei multipleresponse checkboxen anzeigen ansonsten radiobuttons if($gebiet->multipleresponse) @@ -637,22 +665,22 @@ if($frage->frage_id!='') if($anzahl>$gebiet->antwortenprozeile && ($cnt < $len-1)) { - echo '
"; + echo "	"; echo ' '.$p->t('testtool/keineAntwort').'

'; - + if(!$demo) { echo ''; @@ -685,17 +713,19 @@ if($frage->frage_id!='') } } } + echo ' +

+ '; echo ""; - echo '

'; - echo '

'; + echo '

'; } else { //Wenn kein Demo vorhanden ist - echo "

".$p->t("testtool/startDrueckenUmZuBeginnen").""; + echo "

".$p->t("testtool/startDrueckenUmZuBeginnen").""; } - ?> - + + diff --git a/cis/testtool/index.html b/cis/testtool/index.html index 64ca9a205..ac39c5deb 100644 --- a/cis/testtool/index.html +++ b/cis/testtool/index.html @@ -8,9 +8,9 @@ - + - + <body> diff --git a/cis/testtool/login.php b/cis/testtool/login.php index ea0387d52..40afeac4a 100644 --- a/cis/testtool/login.php +++ b/cis/testtool/login.php @@ -379,7 +379,10 @@ if(isset($_POST['save']) && isset($_SESSION['prestudent_id'])) ?> </head> -<body scroll="no" class='testtool-content'> +<body scroll="no"> + <div class="row"> + <div class="col-xs-10 col-sm-9 col-lg-6"> + <?php //REIHUNGSTEST STARTSEITE (nach Login) @@ -554,7 +557,7 @@ if (isset($prestudent_id)) { echo ' <p>'. $p->t('testtool/spracheDerTestfragen').':</p><br> - <div class="btn-group btn-group-justified" role="group" style="width: 50%"> + <div class="btn-group btn-group-justified" role="group"> '; while($row = $db->db_fetch_object($result)) @@ -573,9 +576,9 @@ if (isset($prestudent_id)) } } echo " - <div class='btn-group' role='group'> + <div class='btn-group' role='group'> <a role='button' class='btn btn-default $selected' href='". $_SERVER['PHP_SELF']. "?type=sprachechange&sprache=". $row->sprache. "'>$row_sprache</a> - </div> + </div> "; } echo '</div>'; @@ -637,6 +640,7 @@ else </center>'; } ?> - + </div> +</div> </body> </html> diff --git a/skin/styles/tw.css b/skin/styles/tw.css index 5a7039fc6..fd39adc3c 100644 --- a/skin/styles/tw.css +++ b/skin/styles/tw.css @@ -25,11 +25,6 @@ body.main /* Workaround fuer Farbverlauf im IE statt ShadowBox */ padding:0px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc',endColorstr='#ffffff'); } -body.testtool-content -{ - width: 65%; - margin-left: 3%; -} html { height: 100%; @@ -465,13 +460,12 @@ td.HeaderTesttool /*fuer die Button-Optik beim Testtool*/ td.HeaderTesttoolSTG /*fuer die Button-Optik der Quereinstiegs-Studiengänge beim Testtool*/ { color: white; - border: 2px solid #add4ea; + border: 2px solid #73a9d6; padding: 10px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: normal; - font-weight: bold; } td.Inaktiv /*fuer Inaktive Items bei der Raumbeschreibung */ { @@ -520,7 +514,6 @@ div.TesttoolTitle /* Ueberschrift auf den Titelfolien */ font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; color: #FFFFFF; - display: table; white-space: nowrap; text-shadow: -1px 0 #00639C, 0 1px #00639C, 1px 0 #00639C, 0 -1px #00639C; margin: 0 0 20px 0;