AL> В сабже таки появилась адаптивная вёрстка, но пока особо не тестил ничем, кроме своего телефона.
AL> Таверну уже обновил. Просьба потестировать это дело.

Лови скриншот: https://ii-net.tk/screens/adaptive1.png

Тут сразу заметно:

1. Странное масштабирование фона, если сообщение меньше размера экрана
2. Мелкие контролы, по которым трудно тыкать пальцем

Если открыть большое сообщение, то, когда дочитаешь до конца, его надо скроллить наверх, а это время. Поэтому имеет смысл добавить position:fixed в стиль верхней панели.

Да и кнопки навигации зелёные тоже можно поместить в тёмную панель. Для более-менее больших экранов там им самое место. Благо CSS - это не Гугловские API, и появление кнопок можно захардкодить без особых проблем.

>Если открыть большое сообщение, то, когда дочитаешь до конца, его надо скроллить наверх, а это время. Поэтому имеет смысл добавить position:fixed в стиль верхней панели.

Отправил случайно.
Короче, только не это!!! Fixed панели это ужасно. Почти как iframe.

А вот и первый серьезный баг: https://ii-net.tk/screens/adaptive2.png

И это не баг мобильной версии. Подумаю как исправить.

> 2. Fixed-панель может быть довольно удобной. Вот, например, https://developer.android.com/reference/android/support/v4/widget/NestedScrollView.html
> // Первый сайт, который вспомнил.

Четверть экрана съедена панелью браузера и фиксед-панелью сайта. Я лучше кнопку "наверх" внизу прилеплю.

Peter> Короче, только не это!!! Fixed панели это ужасно. Почти как iframe.

1. Не надо сравнивать тёплое с мягким :)

2. Fixed-панель может быть довольно удобной. Вот, например, https://developer.android.com/reference/android/support/v4/widget/NestedScrollView.html
// Первый сайт, который вспомнил.

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

Просто мысли вслух. Наверняка ещё что-нибудь придумать можно.

>> Я лучше кнопку "наверх" внизу прилеплю.
> О, а это отличная идея. Ждём кнопку :)

Есть кнопка. Заодно исправил сползание кнопок в основом интерфейсе, страницу ответа и расползание по ширине блоков <pre>.

>> О, а это отличная идея. Ждём кнопку :)
AL> Есть кнопка.

Когда поворачиваю телефон, кнопка исчезает. Может быть, оставить её насовсем (хотя бы в уменьшенном виде?)

+ тестировал масштабирование _главной страницы_ в Pale Moon на нетбуке; там есть такой переходный момент, когда содержимое вылазит за пределы экрана. Мобильная версия начинает включаться, если увеличиваешь ещё больше.

AL> Четверть экрана съедена панелью браузера и фиксед-панелью сайта.

Не у всех четверть (здесь от размера экрана и dpi зависит), но окей, понятно.

AL> Я лучше кнопку "наверх" внизу прилеплю.

О, а это отличная идея. Ждём кнопку :)

Итак. Я доделал адаптивный интерфейс. Теперь совершенно вся вебморда таверны приспособлена для использования на девайсах с мелким экраном.

Следующий шаг - перевод базы в sqlite3.

> Сейчас ещё лучше, но баги всё равно есть
> Например, тот, про который я уже сообщал: https://ii-net.tk/screens/Screenshot_20170522-140701.png

Поставлю хром и посмотрю. В лисе не воспроизводится а то.

> И ещё вылезающий за границы экрана текст на главной странице: https://ii-net.tk/screens/Screenshot_20170522-140639.png

А вот это, вроде, поправил. Во всяком случае перестал воспроизводиться и на телефоне и на десктопе.

>> Например, тот, про который я уже сообщал: https://ii-net.tk/screens/Screenshot_20170522-140701.png
> Поставлю хром и посмотрю. В лисе не воспроизводится а то.

Так и не смог воспроизвести, но беглое гугление подсказало один из вариантов. Проверь. Вдруг помогло.

AL> Итак. Я доделал адаптивный интерфейс. Теперь совершенно вся вебморда таверны приспособлена для использования на девайсах с мелким экраном.

Сейчас ещё лучше, но баги всё равно есть

Например, тот, про который я уже сообщал: https://ii-net.tk/screens/Screenshot_20170522-140701.png
И ещё вылезающий за границы экрана текст на главной странице: https://ii-net.tk/screens/Screenshot_20170522-140639.png

AL> Не знаю насколько он милашный, но я так в секточке чижу.

Здесь, конечно, лютое ШГ, но для документации и главной сойдёт, спасибо :)

AL> Куда катимся. Терминус ШГ называть =)

Мне тоже что-то твой скриншот глаза режет, хотя я сам всегда в терминале терминус использую. Это у тебя кажется terminus bold, наверное поэтому мне не привычно.

> Это у тебя кажется terminus bold, наверное поэтому мне не привычно.

Он самый. Просто у меня от тонкого начертания при больших размерах (на скрине для меня уже шрифт крупны) глаза устают. А вот при bold нет.

>> https://ii-net.tk/screens/Screenshot_20170522-140701.png
AL> Так и не смог воспроизвести, но беглое гугление подсказало один из вариантов. Проверь. Вдруг помогло.

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

// Жаль, исходники MLP-шного GUI не сохранились из 2015, там я с фоновой картинкой так нахимичил, что оно везде работало.

>> Не знаю насколько он милашный, но я так в секточке чижу.
> Здесь, конечно, лютое ШГ, но для документации и главной сойдёт, спасибо :)

Куда катимся. Терминус ШГ называть =)