erjemin/2018-lpon-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mod: админка (06) Патч CSS для узких экранов.

Browse Source
This commit is contained in:
Sergei Erjemin
2026-06-12 14:56:14 +03:00
parent bb915c82e1
commit de81cc1b34
2 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
lpon_site/frontend/admin.py
View File

@@ -87,7 +87,7 @@ class TbImageAdminForm(forms.ModelForm):
}) })
self.fields['title_text'].widget = Textarea(attrs={ self.fields['title_text'].widget = Textarea(attrs={
**codemirror_attrs, **codemirror_attrs,
'class': 'codemirror-width-m', 'class': 'codemirror-width-l',
}) })
self.fields['copyright_text'].widget = Textarea(attrs={ self.fields['copyright_text'].widget = Textarea(attrs={
**codemirror_attrs, **codemirror_attrs,

13
public/static/codemirror/codemirror-styles.css
View File

@@ -32,7 +32,7 @@
.codemirror-width-m > .cm-editor { .codemirror-width-m > .cm-editor {
/* Средний (для URL, коротких строк) */ /* Средний (для URL, коротких строк) */
max-width: calc(50% - 13em) !important; max-width: calc(50% - 13em) !important; /* Вычитание 13em подобрано. Это ширина бокового меню слева */
} }
.codemirror-width-l > .cm-editor { .codemirror-width-l > .cm-editor {
@@ -45,6 +45,17 @@
max-width: calc(100% - 13em) !important; 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 { .codemirror-no-lines .cm-gutters {
/* Скрываем нумерацию строк */ /* Скрываем нумерацию строк */
display: none !important; display: none !important;