From de81cc1b344984117224f6605282df064f1a9a6a Mon Sep 17 00:00:00 2001
From: erjemin <erjemin@gmail.com>
Date: Fri, 12 Jun 2026 14:56:14 +0300
Subject: [PATCH] =?UTF-8?q?mod:=20=D0=B0=D0=B4=D0=BC=D0=B8=D0=BD=D0=BA?=
 =?UTF-8?q?=D0=B0=20(06)=20=D0=9F=D0=B0=D1=82=D1=87=20CSS=20=D0=B4=D0=BB?=
 =?UTF-8?q?=D1=8F=20=D1=83=D0=B7=D0=BA=D0=B8=D1=85=20=D1=8D=D0=BA=D1=80?=
 =?UTF-8?q?=D0=B0=D0=BD=D0=BE=D0=B2.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lpon_site/frontend/admin.py                    |  2 +-
 public/static/codemirror/codemirror-styles.css | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/lpon_site/frontend/admin.py b/lpon_site/frontend/admin.py
index 03afcbf..64bd13e 100644
--- a/lpon_site/frontend/admin.py
+++ b/lpon_site/frontend/admin.py
@@ -87,7 +87,7 @@ class TbImageAdminForm(forms.ModelForm):
                 })
                 self.fields['title_text'].widget = Textarea(attrs={
                     **codemirror_attrs,
-                    'class': 'codemirror-width-m',
+                    'class': 'codemirror-width-l',
                 })
                 self.fields['copyright_text'].widget = Textarea(attrs={
                     **codemirror_attrs,
diff --git a/public/static/codemirror/codemirror-styles.css b/public/static/codemirror/codemirror-styles.css
index 6c41536..1a11394 100644
--- a/public/static/codemirror/codemirror-styles.css
+++ b/public/static/codemirror/codemirror-styles.css
@@ -32,7 +32,7 @@
 
 .codemirror-width-m > .cm-editor {
   /* Средний (для URL, коротких строк) */
-  max-width: calc(50% - 13em) !important;
+  max-width: calc(50% - 13em) !important;  /* Вычитание 13em подобрано. Это ширина бокового меню слева */
 }
 
 .codemirror-width-l > .cm-editor {
@@ -45,6 +45,17 @@
   max-width: calc(100% - 13em) !important;
 }
 
+/* Ширина редактора зависит от видимости бокового меню Django Admin.
+   На экранах < 767px меню прячется, поэтому вычитание 13em неактуально.
+   Подобрано значение 3ex. */
+@media (max-width: 767px) {
+  .codemirror-width-m > .cm-editor,
+  .codemirror-width-l > .cm-editor,
+  .codemirror-width-xl > .cm-editor {
+    max-width: calc(100% - 3ex) !important;
+  }
+}
+
 .codemirror-no-lines .cm-gutters {
   /* Скрываем  нумерацию строк */
   display: none !important;