Кнопки Tinymce не появляются на некоторых страницах

Question

Я использую плагин tinymce с загрузкой изображений и работает нормально на странице.

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

Вы знаете, в чем может быть проблема?

У меня есть пример с этой проблемой: "jsfiddle.net/7b941us0/34".

Answer 1

Здравствуйте и спасибо за предоставление JSFriddle примера или вашей проблемы.

Ваша проблема вызвана строками кода ниже (LOC 1378 - 1380) - удаление их устраняет проблему.

Вы буквально заставляете все кнопки в .adminContainer не отображаться.Удаление этих строк заставляет все работать просто отлично.

.adminContainer button {
  display: none;
}

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

@media only screen and (max-width: 768px) {
  .adminContainer button {
    display: block;
  }
  (...)

Я предлагаю вамнацеливать на точные кнопки, которые вы не хотите отображать, добавляя определенные классы CSS.

Ссылка на работающий JSFriddle.