Исключить перекрытие стилями сайта стилей административных элементов в публичке

Рейтинг: 4.4955  
На голосовании
Предложил Неслуховский Иван 27.10.2014 11:48:51

Исключить перекрытие стилями сайта стилей административных элементов в публичке

Сейчас постоянно творится следующая чехарда: если у сайта есть дизайн, то он непременно должен учитывать дизайн административных элементов Битрикса, потому что если они где-то пересекаются, окошки, ссылки, кнопки, текст в визуальном редакторе и многое другое может перекраситься, "поползти", "схлопнуться" и иногда даже оказаться совсем непригодным для использования.

Но было правильнее именно Битриксу изолировать от пользовательских стилей свои, заключив их в контейнеры, вроде #bitrixAdminContainer, которые бы исключали перекрытие, а в наиболее важных и уязвимых элементах ставить !important.

Я покупаю продукт и рассчитываю на его стабильную работу независимо от того дизайна, который будет придуман мной или дизайнером. Поэтому считаю, что эта работа должна делаться именно разработчиками Битрикса.


Скомканная выпадайка



В визуальном редакторе код скукошивается в горстку опилок



А вот новый визуальный редактор


Рейтинг: 0  
Жуков Евгений 27.10.2014 12:57:56
Иван, Вы можете показать конкретные варианты, когда существующее изолирование не сработало?
Рейтинг: 0  
Неслуховский Иван 27.10.2014 13:06:43
Сразу не могу собрать подборку. Буду постепенно.
Кстати, заметил, что на одном сайте, где раньше красный цвет ссылок переходил и на диалоговое окно Битрикса, всё-таки код оказался изолирован.
На одном из сайтов, где использовался bootstrap, текст в редакторе кода превращался в один маленький комок. На другом коверкалась выпадайка для выбора картинки анонса.
Сейчас добавлю один из скриншотов в топик.

Тему поднял, потому что техподдержка очень неохотно признала, что это вообще-то их проблема, а не моя.
Рейтинг: 0  
Неслуховский Иван 28.10.2014 23:31:04
Добавил ещё одну фотографию
Рейтинг: 0  
Жуков Евгений 29.10.2014 09:49:07
Иван, фотографии здесь помогут мало. Нужно описание действий для воспроизведения.
Рейтинг: 1.0728  
Боднарь Владислав 30.10.2014 08:10:41
подтверждаю. именно так и выглядит код в редакторе и именно так НЕ выпадают списки. используется бутсрап и старый редактор (новый неудобен)
Рейтинг: 0.2466  
Неслуховский Иван 31.10.2014 21:31:49
Действия тут одинаковые: редактирование элемента через публичку в режиме "Эрмитаж".
А вот стили могут быть любыми. В приведённом примере это Boootstrap.
НО. Суть не в том, какие конкретно МОИ СТИЛИ, а в том, что Битрикс должен защищать СВОИ. Тут не нужно ничего воспроизводить, тут нужно дать команду разработчикам спрятать свои стили за контейнеры, а в некоторых особо важных случаях снабдить их импортантами.
Рейтинг: 0  
Неслуховский Иван 03.11.2014 18:24:59
Добавил пример уже для нового визуального редактора
Рейтинг: 0  
Неслуховский Иван 30.11.2014 13:29:19
Стикеры также разваливаются при случае.