полный скрин страницы с мобилы можешь дать? или сказать на каком разрешении экрана такоеНа мобиле вот так выглядит (хром, андроид)
Viewport 360 pxполный скрин страницы с мобилы можешь дать? или сказать на каком разрешении экрана такое
да, есть такая проблема на 360px ширине экрана и связана она конекретно с тем что слово "Вподобайка" очень длинное... в Ру версии сайта выглядит норм потому что там слово "Лайк" и оно влазит идеально...Viewport 360 px
@media (max-width:360px) {
:lang(uk-UA) .message-actionBar .actionBar-set {
font-size: 11px !important;
}
}
да, есть такая проблема на 360px ширине экрана и связана она конекретно с тем что слово "Вподобайка" очень длинное... в Ру версии сайта выглядит норм потому что там слово "Лайк" и оно влазит идеально...
Как вариант:
- заменить в укр версии слово "вподобайка" на американизированный "лайк" как на ру версии
- сделать стиль шрифта блока реакций для всех девайсов с экраном 360px и языком "uk-UA" на два пункта меньше (с 13px на 11px), тогда будет влазить:
Переглянути вкладення 8733CSS:@media (max-width:360px) { :lang(uk-UA) .message-actionBar .actionBar-set { font-size: 11px !important; } }
Chestnii
.actionBar-set .actionBar-action.actionBar-action--reaction .reaction-text {
padding-left: 0;
}
то конечный вариант чтобы включалось исключительно на укр/360px:вот так можно сделать, будет влезать без уменьшения шрифтаCSS:.actionBar-set .actionBar-action.actionBar-action--reaction .reaction-text { padding-left: 0; }
@media (max-width:360px) {
:lang(uk-UA) .actionBar-set .actionBar-action.actionBar-action--reaction .reaction-text {
padding-left: 0;
}
}
вот так можно сделать, будет влезать без уменьшения шрифтаCSS:.actionBar-set .actionBar-action.actionBar-action--reaction .reaction-text { padding-left: 0; }
Проблема была устранена?)то конечный вариант чтобы включалось исключительно на укр/360px:
CSS:@media (max-width:360px) { :lang(uk-UA) .actionBar-set .actionBar-action.actionBar-action--reaction .reaction-text { padding-left: 0; } }
в броузере в режиме отладки на 360px экране теперь все четенькоПроблема была устранена?)
Все гуд, спасибов броузере в режиме отладки на 360px экране теперь все четенько
eyoeyo подтверди как на нативном устройстве?)
#XF .pageNavSimple-el {
padding-left: 8px;
padding-right: 8px;
}
О, спасибо. Мне было лень писать об этом, но +1 на решение проблемыНашел ещё проблему небольшую - на телефоне не влазит в блок навигация перемещения по страницам, потому сбоку появляется полоска
Можно пофиксить таким образом, уменьшить внутренние поля у всех кнопок:
CSS:#XF .pageNavSimple-el { padding-left: 8px; padding-right: 8px; }
в режиме разработчика нет этой полосы справа, но скошенность навигации вижуНашел ещё проблему небольшую - на телефоне не влазит в блок навигация перемещения по страницам, потому сбоку появляется полоска
Можно пофиксить таким образом, уменьшить внутренние поля у всех кнопок:
CSS:#XF .pageNavSimple-el { padding-left: 8px; padding-right: 8px; }
@media (max-width:360px) {
#XF .pageNavSimple-el {
padding-left: 8px;
padding-right: 8px;
}
}
А сколько нужно для счастья?)Chestnii https://labrc.name/threads/chto-tak...kak-upotrebljaetsja-proverka-na-chistotu.734/
Гифки больше 10мб не работают, загружены на стороной фотохостинг, форум не позволяет загрузить их в галерею
UPD: вторая гифка весит 2.4мбА сколько нужно для счастья?)
гифки больше 10мб - это уже кино начинается, может на ютубе(видео хостингах) лучше такое выкладывать?Гифки больше 10мб не работают, загружены на стороной фотохостинг, форум не позволяет загрузить их в галерею
Поставил 15, проверьте теперь)UPD: вторая гифка весит 2.4мб
https://labrc.name/threads/chto-tak...bljaetsja-proverka-na-chistotu.734/post-87915
15мб хватит
Работает, сенкьюПоставил 15, проверьте теперь)
серые ссылки вполне нормально, не перегружают интерфейс. если хотите для себя красные было бы курто делать такие индивидуально с помощью окраса текста в редакторе.Ранее был красный (если не ошибаюсь), такой цвет для ссылок был более выразителен
Перегляньте відео, щоб дізнатися, як встановити наш сайт як веб-додаток на головному екрані.
Замітка: This feature may not be available in some browsers.