Warn with timer colors near timeout

README.md

@@ -27,6 +27,6 @@ Szkielet komponentu Joomla 6 do gromadzenia pytań testowych.
 
 ## Instalacja
 
-W Joomla wybierz **System → Install → Install from Folder** i wskaż ten katalog. Manifestem instalacyjnym jest `com_testquestions.xml` (wersja 1.16.1).
+W Joomla wybierz **System → Install → Install from Folder** i wskaż ten katalog. Manifestem instalacyjnym jest `com_testquestions.xml` (wersja 1.16.3).
 
 Po instalacji komponent jest dostępny w panelu administratora jako **Pytania testowe**.

administrator/components/com_testquestions/sql/updates/mysql/1.16.2.sql

@@ -0,0 +1 @@
+-- No database changes required for version 1.16.2.

administrator/components/com_testquestions/sql/updates/mysql/1.16.3.sql

@@ -0,0 +1 @@
+-- No database changes required for version 1.16.3.

com_testquestions.xml

@@ -4,7 +4,7 @@
     <creationDate>2026-10-14</creationDate>
     <author>Komponent</author>
     <license>GNU General Public License version 2 or later</license>
-    <version>1.16.1</version>
+    <version>1.16.3</version>
     <description>COM_TESTQUESTIONS_DESCRIPTION</description>
     <element>com_testquestions</element>
     <namespace path="src">Komponent\Component\Testquestions</namespace>

components/com_testquestions/media/egzamin.css

@@ -20,15 +20,14 @@
 
 .com-testquestions #test-timer-container {
     position: fixed;
-    left: 1rem;
+    left: 2rem;
-    bottom: 1rem;
+    bottom: 2rem;
     z-index: 1050;
     margin: 0;
-    padding: 4px;
+    padding: 0;
-    background: #fff;
+    background: transparent;
-    border: 1px solid #dfe3e7;
+    border: 0;
-    border-radius: .25rem;
+    box-shadow: none;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
 }
 
 .com-testquestions .timer-text {

components/com_testquestions/tmpl/set/default.php

@@ -127,8 +127,10 @@ document.addEventListener('DOMContentLoaded', function () {
     const update = function () {
         const minutes = Math.floor(remaining / 60);
         const seconds = remaining % 60;
+        const ratio = remaining / total;
         text.textContent = String(minutes).padStart(2, '0') + ':' + String(seconds).padStart(2, '0');
         ring.style.strokeDashoffset = circumference * (1 - remaining / total);
+        ring.style.stroke = ratio <= 0.1 ? '#dc3545' : (ratio <= 0.2 ? '#fd7e14' : '#4a86cf');
 
         if (remaining <= 0 && !submitted) {
             submitted = true;

egzamin.css

@@ -156,15 +156,14 @@ div.odpup
 
 .com-testquestions #test-timer-container {
     position: fixed;
-    left: 1rem;
+    left: 2rem;
-    bottom: 1rem;
+    bottom: 2rem;
     z-index: 1050;
     margin: 0;
-    padding: 4px;
+    padding: 0;
-    background: #fff;
+    background: transparent;
-    border: 1px solid #dfe3e7;
+    border: 0;
-    border-radius: .25rem;
+    box-shadow: none;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
 }
 
 .com-testquestions .question-number {