Размер минипрофиля при левостороннем шаблоне...

Список разделов phpBBex 1.x (поддерживается) Поддержка 1.x

Описание: У вас проблемы с phpBBex 1.x и вам необходима помощь? Спрашивайте здесь!
Правила раздела: Одна тема — один вопрос или группа связанных вопросов. Обязательно формируйте внятный заголовок, максимально отражающий суть вопроса. Подробно описывайте проблему. Не забудьте указать версию phpBBex и какие моды установлены, по возможности добавьте скриншоты проблемы или ссылку на страницу с проблемой.
Модератор: Поддержка

Сообщение #21 factotum » 30.03.2013, 10:23

нравится фиксированная ширина минипрофиля.

Добавлено спустя 1 час 8 минут:
поправлено: http://jsfiddle.net/vralle/sZWVL/5/
Последний раз редактировалось factotum 30.03.2013, 11:31, всего редактировалось 1 раз.
factotum
Откуда: Люксембург
Репутация: 234
С нами: 11 лет 11 месяцев

Сообщение #22 VEG » 30.03.2013, 11:21

Sumanai:Может просто взять, и зафиксировать? calc() там зачем? Просто фиксировано 200 пикселей. Надписи вроде не выходят за границы.
calc нужен для корректного фоллбэка, если браузер не поддерживает его, ведь ширина поста вычисляется по формуле 100% - 208px. Если браузер не поддерживает calc(), то будут использованы размеры в процентах.

factotum:работает во всех браузерах
Конкретно ваш пример в Firefox 19 работает некорректно — текст поста выходит за пределы окна.

Вообще я рассматривал ваш вариант, но решил пока что попробовать более очевидный calc. Дело в том, что помимо ширины минипрофиля хотелось бы зафиксировать ширину и некоторых других элементов (в списках тем, например), где более двух колонок, где использовать ваш трюк, как мне кажется, будет затруднительно.

Opera 14 сейчас в активной разработке, и очень скоро уже выйдет бета-версия, а там и релиз. Над этим работают не разработчики phpBB, поэтому долго ждать не придётся :) А там и полноценная поддержка calc(). Ну и фоллбэк с размерами в процентах от ширины страницы никто не отменял.
VEG M
Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #23 factotum » 30.03.2013, 11:30

вот так все на своих местах: http://jsfiddle.net/vralle/sZWVL/7/
Добавлено спустя 2 минуты 11 секунд:
VEG, как то принципиально игнорируете тех, у кого не последний браузер :(
factotum
Откуда: Люксембург
Репутация: 234
С нами: 11 лет 11 месяцев

Сообщение #24 VEG » 30.03.2013, 13:12

factotum:VEG, как то принципиально игнорируете тех, у кого не последний браузер :(
В чём хорош calc() — так это в том, что здесь никаких трюков, и практически гарантированно ничего не может сломаться при таком изменении. Для браузеров без поддержки calc() всё работает по-старому, ничего не сломано. Явный недостаток calc() — это отсутствие поддержки в Opera на данный момент. И с учётом того, что они отказываются от своего движка Presto, в текущей версии это и не появится, только в Opera 14. Поэтому пока что это временное решение. Возможно, оно даже не войдёт в следующий релиз phpBBex. Может и ваш способ используем. 1.6.0 только вышел, а следующий минорный релиз будет только через несколько месяцев. Так что всё ещё десять раз поменяется.

Как только выйдет Opera 14, плюс несколько месяцев на переход пользователей на новую Opera — и calc() можно будет использовать уже всюду. Вместе с фоллбэком в процентах, конечно, для старых браузеров. Не думаю, что пользователи, использующие древние браузера, огорчатся немного другой ширине колонок. В prosilver так с 2007 года — и ничего, живём ведь как-то :)

Добавлено спустя 10 минут 35 секунд:
Что касается скорости обновления пользователей Opera. Как правило, Opera используют достаточно опытные пользователи, поэтому большая часть пользователей переходит на новые версии браузера очень быстро.

Изображение

Будет хорошо, если после выхода Opera 14 почти все пользователи также мигрируют на новый браузер в течение трёх-четырёх месяцев :) Хотя можно предвидеть массу отзывов стиле «Opera уже не та» и нежелание обновляться. Но по опыту перехода Firefox 3.6 » Firefox 4.0+, где также было массовое недовольство, Firefox 3.6 сейчас практически не используется.
VEG M
Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #25 factotum » 30.03.2013, 15:08

Не разобрал, сколько из скольких браузеров поддерживают calc и сколько браузеров не поддерживает решение выше?
factotum
Откуда: Люксембург
Репутация: 234
С нами: 11 лет 11 месяцев

Сообщение #26 VEG » 31.03.2013, 01:19

factotum, как я писал выше, текущее решение работает во всех браузерах. Просто в браузерах без поддержки calc() ширина колонки плавает.

Конкретно в данном случае можно временно попробовать применить ваш метод, чтобы колонка была фиксирована и в современной Opera. Но поскольку это неочевидный трюк есть опасения, чтобы нигде не возникло с этим проблем. Чем очевиднее решение — тем оно и лучше. Как говорится, keep it simple, stupid. Например, при помощи calc() можно легко зафиксировать ширину последних трёх колонок в списке форумов. Получится ли здесь применить ваш способ — ответить сразу не получается.

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

Но вообще это всё полумеры. Это не решает всех проблем вёрстки prosilver (неправильная высота разделителей колонок, перенос текста в последней колонке раньше времени и др.). Правильным решением всех проблем была бы переделка всех «табличных» структур под display: table-cell;. Но с подобными изменениями нужно провести очень много работы по тестированию и выявлению проблем. Меняешь вроде как код для одного элемента в одном месте, а из-за этого что-то плывёт в совсем другом неожиданном месте.

В свете подготовки к выходу phpBB 3.1 пока что эти изменения откладываются. Изучим, какая работа по актуализации стилей была проделана там, и на основании этого уже будем решать, как двигаться дальше. Когда я смотрел в последний раз, там было удалено много устаревшего кода. Те же скругленные уголки сделаны без кучи мусорных элементов в DOM при помощи простого border-radius. Удалены наборы изображений. А в последних ревизиях кнопки «ОТВЕТИТЬ» и т.д. используют изображение только для фона, а сам текст выводится обычным образом — не знают, оставят ли это, или сделали для эксперимента. Не хотелось бы делать ту работу, которая уже проделана в стилях phpBB 3.1.
VEG M
Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #27 VEG » 03.04.2013, 01:51

factotum, итак, попробовал применить указанный способ. Не без граблей. Для .post пришлось применить box-sizing: border-box;. И обнаружилась проблема с короткими сообщениями:
Изображение
Похоже, здесь нужно менять и вёрстку — поменять местами сообщение и профиль.

Текущие изменения:
Код: Выделить всё
# HG changeset patch
# Parent e2c5ec9bbabe346851f3c7913f2dab81d1a14827
diff -r e2c5ec9bbabe -r b8450c202ad6 styles/prosilver/theme/common.css
--- a/styles/prosilver/theme/common.css   Wed Apr 03 00:53:44 2013 +0300
+++ b/styles/prosilver/theme/common.css   Wed Apr 03 01:40:30 2013 +0300
@@ -196,6 +196,12 @@
    margin-bottom: 4px;
    background-repeat: no-repeat;
    background-position: 100% 0;
+   /* hack for factotum's fixed miniprofile */
+   -webkit-box-sizing: border-box;
+   -moz-box-sizing: border-box;
+   box-sizing: border-box;
+   width: 100%;
+   overflow: hidden;
 }
 
 .post:target .content {
diff -r e2c5ec9bbabe -r b8450c202ad6 styles/prosilver/theme/content.css
--- a/styles/prosilver/theme/content.css   Wed Apr 03 00:53:44 2013 +0300
+++ b/styles/prosilver/theme/content.css   Wed Apr 03 01:40:30 2013 +0300
@@ -230,10 +230,8 @@
    padding: 0;
    line-height: 1.48em;
    color: #333333;
-   width: 79%;
-   width: -webkit-calc(100% - 208px);
-   width: calc(100% - 208px);
    float: left;
+   margin: 0 208px 0 0;
    clear: both;
 }
 
@@ -811,14 +809,12 @@
 ----------------------------------------*/
 .postprofile {
    /* Also see tweaks.css */
-   margin: 0;
+   margin: 0 0 0 -100%;
    padding: 5px 0;
    min-height: 40px;
    color: #666666;
    border-left: 1px solid #FFFFFF;
-   width: 20%;
-   width: -webkit-calc(200px);
-   width: calc(200px);
+   width: 200px;
    float: right;
    display: inline;
    position: relative;
@@ -886,10 +882,12 @@
 }
 
 .mp-on-left .postbody {
+   margin: 0 0 0 208px;
    float: right;
 }
 
 .mp-on-left .postprofile {
+   margin: 0 -100% 0 0;
    border-right: 1px solid #FFFFFF;
    border-left: 0;
    float: left;
VEG M
Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #28 factotum » 11.04.2013, 22:27

http://codepen.io/vralle/pen/kwjiu

не вижу что не так

Добавлено спустя 29 минут 58 секунд:
на локалке нашел где минус. глянем
factotum
Откуда: Люксембург
Репутация: 234
С нами: 11 лет 11 месяцев

Сообщение #29 rbooze » 16.08.2013, 20:49

stael:этот размер от авы до сообщения кажется слишком большим, как бы изменить этот размер?

VEG:stael, смотрите в этом коммите.

Спасибо! Это именно то что нужно :beer:
rbooze
Аватара
Репутация: 95
С нами: 10 лет 7 месяцев

Пред.

Вернуться в Поддержка 1.x