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

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

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

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

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

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

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

Хочу просто применить этот класс. Не хочется писать отдельный стиль для одного ушка.
Avatar
Vladimir Mullagaliyev co-founder
Цитата от 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, описывая, при каких размерах он должен быть видимым и т.д.