Dodaj funkcję pełnoekranowego wyświetlania opisu zadania oraz odpowiednie style

.vscode/ftp-kr.sync.cache.json

@@ -32,7 +32,7 @@
       "config.php": {
         "type": "-",
         "size": 355,
-        "lmtime": 1740516920934,
+        "lmtime": 1741350062102,
         "modified": false
       },
       "cron.php": {
@@ -53,7 +53,26 @@
         "lmtime": 0,
         "modified": false
       },
-      "layout": {},
+      "layout": {
+        "style.css": {
+          "type": "-",
+          "size": 21838,
+          "lmtime": 1740644284491,
+          "modified": false
+        },
+        "style.css.map": {
+          "type": "-",
+          "size": 37961,
+          "lmtime": 1740644284491,
+          "modified": false
+        },
+        "style.scss": {
+          "type": "-",
+          "size": 26476,
+          "lmtime": 1740644284325,
+          "modified": false
+        }
+      },
       "libraries": {},
       "robots.txt": {
         "type": "-",

layout/style.scss

@@ -630,6 +630,41 @@ body>.top {
   }
 }
 
+.fullscreen_description {
+  position: fixed !important;
+  top: 25px;
+  left: 25px;
+  right: 25px;
+  bottom: 25px;
+  z-index: 9999;
+  background: white;
+  padding: 20px;
+  overflow: auto;
+  border-radius: 0.25rem;
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
+}
+
+.fullscreen {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  cursor: pointer;
+  color: #FFF;
+  background: $cRed;
+  display: inline-flex;
+  height: 40px;
+  width: 40px;
+  border-radius: .25rem;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.3s ease;
+
+  &:hover {
+    transform: scale(1.05);
+    text-decoration: none;
+  }
+}
+
 .task_popup {
   position: fixed;
   top: 0;
@@ -904,6 +939,7 @@ body>.top {
           margin-bottom: 15px;
           max-height: 202px;
           overflow-x: hidden;
+          position: relative;
         }
       }
 

templates/tasks/main_view.php

@@ -895,5 +895,33 @@
         }
       });
     });
+
+    // fullscreen
+    $('body').on('click', '.fullscreen', function (e) {
+      e.preventDefault();
+
+      const $btn = $(this);
+      const $desc = $btn.closest('.description');
+      const $popup = $('.task_popup');
+
+      if ($btn.hasClass('active')) {
+        // Wyjście z fullscreen
+        $btn.removeClass('active');
+        $popup.removeClass('fullscreen_enabled');
+
+        // Cofnij .description do oryginalnego miejsca
+        $('.description-placeholder').before($('.fullscreen_description').removeClass('fullscreen_description')).remove();
+
+      } else {
+        // Wejście w fullscreen
+        $btn.addClass('active');
+        $popup.addClass('fullscreen_enabled');
+
+        const $placeholder = $('<div class="description-placeholder"></div>');
+        $desc.before($placeholder);
+
+        $('body').append($desc.addClass('fullscreen_description'));
+      }
+    });
   })
 </script>

templates/tasks/task_popup.php

@@ -24,7 +24,7 @@
       </div>
       <? if ( $this -> task['text'] ):?>
         <div class="description">
-          <h3>Opis</h3>
+          <a href="#" class="fullscreen"><i class="fa fa-expand"></i></a>
           <?= htmlspecialchars_decode( $this -> task['text'] );?>
         </div>
       <? endif;?>