- Понедельник, 11.03
- Будут внесены небольшие изменения в дизайн глоб. нав. меню, чтобы оно лучше адаптировалось к экранам любой ширины. В частности, на экранах больших размером меню теперь будет занимать всю ширину экрана.
я вообще не понимаю зачем изначально было поискокую строку убирать и оставлять только лупу. Глупо и жутко неудобно. Куча места пустая, зато надо мучаться и стараться попадать в лупу и слово "поиск"..
Сделали бы нормаьно, как в всех поисковикакх, когда строка для поиска видна и открыта. а?
Стилями решается
@media only screen and (min-width: 1280px) and (max-width: 1499px) { .wds-global-navigation__search, .wds-global-navigation__search-dropdown { flex: 1 1 auto; } .wds-global-navigation__search-input-wrapper { border-bottom: 2px solid #00d6d6; width: 100%; } .wds-global-navigation__search-toggle { pointer-events: none; } .wds-global-navigation__search-toggle-icon { margin-right: 17px; } .wds-global-navigation__search-container { margin-left: 34px; } .wds-global-navigation__search-close, .wds-global-navigation__search-submit { display: inline-flex; } .wds-global-navigation__search-container:not(.wds-search-is-focused) .wds-global-navigation__search-close, .wds-global-navigation__search-container:not(.wds-search-is-focused) .wds-global-navigation__search-submit, .wds-global-navigation__search-toggle-text { display: none; } /* Убирает кнопку создать вики .wds-global-navigation__start-a-wiki { display: none; } */ }
Vladeus, вот это да! Спасибо огромное, получилось!
В общем не всё так радужно оказалось. Этот код не просто раскрывает поле поиска, а добавляет новое. Это видно если добавить только
wds-global-navigation__search, .wds-global-navigation__search-dropdown { flex: 1 1 auto;
и больше ничего, то будет два поля поиска ново и старое.
Так вот почему собственно не все так радужно. С этим новым кодом при вводе в новое поле поиска вываливаливающийся список статей исчезает если медленно мышку вниз вести. Или в сторону отвести. На старом такого нет.
Я об этом если не понятно излагаю.
То есть получается: набираю начало названия статьи, вываливает список, опускаю мышку (не быстро!) или отвожу в сторону , список счезает. Крайне станно и имхо непотребно. На старом поле такого нет.Можно что-нибудь сделать?
попробуй мои стили: блок "global nav". вроде бы ничего не двоится и не теряется.
Fngplg спасиб. Дейсвительно не исчезают предложенные варианты статей если мышку в сторону отвести. Использовал твои куски кода и из примера выше, кажется получилось более-менее.
Вроде бы нашёл в чем был косяк, добавь эту строку
.wds-global-navigation:not(.wds-search-is-active) .wds-global-navigation__search-suggestions.wds-dropdown__content { display: inline-block; }
Не думаю, кстати, что стоит это пихать в общий css. Это всё же больше для личного использования.
Vladeusдобрался до компа, исправил. Отлично получилось. А то в том варианте небыло стрелочки "отправить" вместо еnter с клавы. Потенциально с телефона могло не получиться поиск заюзать. в твоё варианте лучше. Спасибо.
-
зы как раз такие промахи в дизайне как раз в общий css и надо пихать. есть же интуитивные вещи ..
Так-то оно, может, и так, только подпадает под пункт политики настроек «Стиль и дизайн фирменных частей страницы ФЭНДОМА». Потому аккуратней с этим стоит быть.
Про промахи и недочеты нужно писать сюда, раз на то пошло.