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;