From ccd857740093b0e2e0cebb4a096287dd3513b52e Mon Sep 17 00:00:00 2001
From: Zuzanna Ludzik <zuzanna.maria@protonmail.com>
Date: Fri, 14 Aug 2026 15:35:09 +0200
Subject: [PATCH] wip

---
 .../src/less2/include/modals-ui-elements.less | 31 +++++++++++++++++++
 www/common/sframe-common-file.js              | 16 +++++-----
 2 files changed, 40 insertions(+), 7 deletions(-)

diff --git a/customize.dist/src/less2/include/modals-ui-elements.less b/customize.dist/src/less2/include/modals-ui-elements.less
index ba8ef31b5..c10358fe1 100644
--- a/customize.dist/src/less2/include/modals-ui-elements.less
+++ b/customize.dist/src/less2/include/modals-ui-elements.less
@@ -339,6 +339,37 @@
             }
         }
     }
+    .cp-creation-expire {
+        background-color: red;
+        .cp-creation-expire-picker {
+            text-align: center;
+            input {
+                width: 45px;
+                margin: 0 5px;
+                padding: 0 0 0 3px;
+                &:focus-visible {
+                    outline: @variables_focus_style;
+                    border-radius: @variables_radius;
+                }
+            }
+            select {
+                border-radius: @variables_radius;
+                margin: 0.2rem;
+                &:focus-visible {
+                    outline: @variables_focus_style;
+                    border-radius: @variables_radius;
+                }
+            }
+        }
+        &.active {
+            label {
+                flex: none;
+            }
+            .cp-creation-slider {
+                flex: 1;
+            }
+        }
+    }
     #cp-upload-preview-container {
         max-width: 100%;
         max-height: 300px;
diff --git a/www/common/sframe-common-file.js b/www/common/sframe-common-file.js
index 203cbcc58..e5f5920dc 100644
--- a/www/common/sframe-common-file.js
+++ b/www/common/sframe-common-file.js
@@ -385,20 +385,22 @@ define([
                 manualStore,
                 expire
             ]);
+            var $content = $(content);
 
                     // Display expiration form when checkbox checked
-        $(content).find('#cp-creation-expire').on('change', function () {
+                    console.log("kurwa1", $(content).find('#cp-creation-expire'))
+        $content.find('#cp-creation-expire').on('change', function () {
+            console.log("kurwa2", )
             if ($(this).is(':checked')) {
-                $creation.find('.cp-creation-expire-picker:not(.active)').addClass('active');
-                $creation.find('.cp-creation-expire:not(.active)').addClass('active');
-                $creation.find('#cp-creation-expire-val').focus();
+                $content.find('.cp-creation-expire-picker:not(.active)').addClass('active');
+                $content.find('.cp-creation-expire:not(.active)').addClass('active');
+                $content.find('#cp-creation-expire-val').focus();
                 return;
             }
-            $creation.find('.cp-creation-expire-picker').removeClass('active');
-            $creation.find('.cp-creation-expire').removeClass('active');
+            $content.find('.cp-creation-expire-picker').removeClass('active');
+            $content.find('.cp-creation-expire').removeClass('active');
         });
 
-            var $content = $(content);
             $content.find('#cp-upload-owned').on('change', function () {
                 var val = Util.isChecked($(content).find('#cp-upload-owned'));
                 if (val) {