Виджет чат и отзывы. Применить свой класс.

Avatar
  • обновлен
  • Отвечен
Подскажите пожалуйста, как применить свой класс к ушку "Чат и отзывы"?
Прикрепленные ответы
Avatar
Sergey Stukov
  • Ответ
  • Отвечен
Уточните ваш вопрос.

Само ушко имеет идентификатор #ueButton т.е. применяя класс к нему можно сменить позицию, цвет и.т.д.

Cкажите какого результата Вы хотите достичь, тогда нам будет легче помочь Вам.
Avatar
Sergey Stukov
  • Ответ
  • Отвечен
Уточните ваш вопрос.

Само ушко имеет идентификатор #ueButton т.е. применяя класс к нему можно сменить позицию, цвет и.т.д.

Cкажите какого результата Вы хотите достичь, тогда нам будет легче помочь Вам.
Avatar
dayxcomua
Ушко на телефонах и планшетах мешает навигации сайта. Я хочу, чтоб оно показывалось только на больших экранах. Шаблон на Uikit

У меня есть класс, который назывется uk-visible-large http://getuikit.com/docs/grid.html.
Он служит для того, чтоб показывать элемент только на больших экранах.

Хочу просто применить этот класс. Не хочется писать отдельный стиль для одного ушка.
Avatar
Vladimir Mullagaliyev
Цитата от dayxcomua
Ушко на телефонах и планшетах мешает навигации сайта. Я хочу, чтоб оно показывалось только на больших экранах. Шаблон на Uikit

У меня есть класс, который назывется uk-visible-large http://getuikit.com/docs/grid.html.
Он служит для того, чтоб показывать элемент только на больших экранах.

Хочу просто применить этот класс. Не хочется писать отдельный стиль для одного ушка.
Попробуйте применить к .ue-tab-container или #ueButton
Avatar
dayxcomua
> Попробуйте применить к .ue-tab-container или #ueButton
Хочу просто применить этот класс. Не хочется писать отдельный стиль для одного ушка.

В скрипте передаются переменные. Было бы удобно передавать класс в них. Что-то вроде такого:

var _ues = {
host:'dayx.userecho.com',
forum:'30773',
lang:'ru',
tab_class: 'uk-visible-large',
tab_icon_show:false,
tab_corner_radius:0,
tab_font_size:20,
tab_image_hash:'0L7RgdGC0LDQstC40YLRjCDQvtGC0LfRi9Cy',
tab_chat_hash:'0YfQsNGC',
tab_alignment:'left',
tab_text_color:'#FFFFFF',
tab_text_shadow_color:'#00000055',
tab_bg_color:'#8B69C1',
tab_hover_color:'#98c85f'
};


Так как этого нет, мне прийдется копировать целую поляну стилей для ue-tab-container, описывая, при каких размерах он должен быть видимым и т.д.