XF 2.2 Корректировка вертикального выравнивания содержимого таблицы в сообщениях

[Ierhon]

Здравствуйте, господа. Можете подсказать и посоветовать?

Есть бб-код таблицы, из коробки. Содержимое каждой ячейки выравнивается по центру. То-есть если мы имеем две-три ячейки с разными размерностями содержимого, то получается вот такая картина:

Пример

Понятно, что это не эстетично и неудобно. Посмотрел через консоль браузера и вижу такую штуку по блоку <tbody>:

Как я понял своим умишком, вертикальное выравнивание таблицы ни где не определено в стиле, поэтому берется значение из настроек самого браузера. Ок, вставил vertical-align: top в селектор (возможно, неправильно называю, придержите сапоги) *. Все, заработало. Полез в шаблон стиля и вижу, что этот селектор находится в core_setup.less, то есть совсем глобальный.

Вопрос: я ведь неправильно сделаю, если просто впишу в * нужное мне выравнивание? Ибо это подействует на все таблицы в стиле и может где выйти боком. Если это так, можете подсказать, как правильно сформировать настройку селекторов в extra.less для таблицы бб-кода, чтобы спокойно внести туда правку по выравниванию? Ну или ткните носом в настройку стиля, где можно таблицу бб-кода настроить. Ибо я, видимо, слепой.

PS: Я уверен, что это типовой вопрос, на который уже мильон раз отвечали. Но инфа разрозненная и нужное решение я, видимо, не увидел.
(Буду очень благодарен за подсказку)

 

[Skaiman]

как правильно сформировать настройку селекторов в extra.less

.bbWrapper {
    .bbTable {
        table {
            tbody {
                vertical-align: top;
            }
        }
    }
}

 

[Ierhon]

.bbWrapper {
    .bbTable {
        table {
            tbody {
                vertical-align: top;
            }
        }
    }
}

Я видел это решение. Не срабатывает даже с !imp

 

[Skaiman]

Я видел это решение. Не срабатывает даже с !imp

Я ж не с потолка взял

 

[Ierhon]

Я ж не с потолка взял
Посмотреть вложение 131007Посмотреть вложение 131008Посмотреть вложение 131009

Я вас понимаю. Может, особенности именного моего стиля...
Методом проб и ошибок сработал сейчас такой вариант:

.bbTable>table>tbody {
    vertical-align: top;}

Но опять же, на сколько он корректен - я не знаю, поэтому пока не выставляю в шаблон.

 

[Skaiman]

Методом проб и ошибок сработал сейчас такой вариант:

ну так то различие только в том, что при указании > выбирается только прямой потомок, сделай так:

.bbWrapper {
    .bbTable {
        > table {
            > tbody {
                vertical-align: top;
            }
        }
    }
}

но как видишь и первый вариант рабочий :)

 

[Skaiman]

Методом проб и ошибок сработал сейчас такой вариант:

Скорее метод тыка :) не самый лучший вариант, лучше знать что делаешь, понимать, а не просто ставить значки

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[Ierhon]

Скорее метод тыка :)

Он самый, он и подразумевался xD
(Знать бы еще, что значит "прямой поток" == Чувствую себя дебилушкой...)
Кстати, сработало. Хотя делал также - ничего не менялось. Может, есть задержка перестройки шаблона после сохранения?

За ссылку спасибо, буду читать.