Форумы/страницы/редирект-страницы бок о бок (в 2 колонки)

[Mirovinger]

Mirovinger добавил(а) новый ресурс:

Форумы/страницы/редирект-страницы бок о бок (в 2 колонки) - Разделы в две колонки

Код скорее всего требует доработки и будет дорабатываться по мере времени и возможности, так вот что бы получить такой вид разделов как на скрине, нужно просто добавить в extra.less, такой код.

.block {
    &--category {
        .block-body {
          display: flex;
          flex-direction: inherit;
          flex-wrap: wrap;

            .node {
              box-sizing: border-box;
              display: flex;
              flex-wrap: wrap;
              float: left...

Узнать больше об этом ресурсе...

 

[Hope]

Вот это название ты загнул. :LOL:

 

[Spark108]

Вот это название ты загнул. :LOL:

OFFTOP

Ну так надо же немного яркости в серые дни ;)

 

[HAIM]

Что нужно прописать для того, чтобы на маленьких экранах ноды были в один столбец? Про медиа запросы знаю, но что именно нужно поменять для меня слишком сложно.

 

[Mirovinger]

Обновил код с учётом мобильных устройств.

 

[HAIM]

А можно как-то строку с количеством тем и сообщений разместить сразу под заголовком? У меня так получилось только убрав иконку, но хотелось бы с ней

 

[ermak123]

поставил на 2.1 - Не отображаются
Темы и Сообщения

 

[Captain]

 

[dacota]

Подскажите пожалуйста,что нужно дописать в код чтобы стали 3 колонки?И еще вопрос,какой блок убрать в коде чтобы после статистики сообщений убрать блок последней активности(под строкой?

 

[Hope]

При чём тут данная тема? Конечно ни при чём. Вопросы в раздел техподдержки (или в тему своего плагина/стиля). 1 вопрос = 1 тема.

 

[dacota]

При чём тут данная тема? Конечно ни при чём. Вопросы в раздел техподдержки (или в тему своего плагина/стиля). 1 вопрос = 1 тема.

Вопросов нет,просто стоит кнопка обсудить ресурс,вот и задал вопрос

 

[Экстрим]

так ресурс же называется

Где вы увидели о трех колонках?

 

[dacota]

так ресурс же называется
Посмотреть вложение 118878
Где вы увидели о трех колонках?

Да причем тут это?Я просто задал вопрос.Админ доходчиво объяснил в какой раздел идти. А вы могли бы просто подсказать нежели тыкать очевидными вещами.

 

[Mirovinger]

В три колонки, возможно чуть доработать нужно.

.block {
    &--category {
        .block-body {
            display: flex;
            flex-direction: inherit;
            flex-wrap: wrap;

            .node {
                box-sizing: border-box;
                display: flex;
                flex-wrap: wrap;
                float: left;
                margin: 0;
                padding: 0 3px;
                width: 33.3%;
                @media (max-width: @xf-responsiveMedium) {
                    width: 100%;
                }

                & + .node {
                    border-top: transparent;
                }

                &-body {
                    display: flex;
                    flex-wrap: wrap;
                    table-layout: fixed;
                    width: 100%;
                    border: 1px solid #ffffff;
                    border-radius: 4px;
                    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08), 0 1px 3px rgba(0, 0, 0, 0.3) inset;
                    margin-top: 5px;
                    overflow: hidden;
                    padding: 0;
                }

                &-main {
                    flex: 1 1 0;
                }

                &-stats {
                    float: left;
                    margin-left: 20px;
                    width: 100%;

                    .pairs--rows {
                        display: block;
                        margin: inherit;
                        width: auto;

                        dt {
                            display: none;
                        }

                        dd:before {
                            color: #6b8799;
                            display: inline;
                            font-size: 15px;
                            padding-right: 2px;
                            .m-faBase();
                        }

                        &:nth-child(1) > dd:before {
                            content: "\f27a";
                        }

                        &:nth-child(2) > dd:before {
                            content: "\f086"; // \f0e6 - XF 2.0
                        }
                    }
                }

                &-extra {
                    display: none;
                }
            }
        }
    }
}

 

[dacota]

В три колонки, возможно чуть доработать нужно.

.block {
    &--category {
        .block-body {
            display: flex;
            flex-direction: inherit;
            flex-wrap: wrap;

            .node {
                box-sizing: border-box;
                display: flex;
                flex-wrap: wrap;
                float: left;
                margin: 0;
                padding: 0 3px;
                width: 33.3%;
                @media (max-width: @xf-responsiveMedium) {
                    width: 100%;
                }

                & + .node {
                    border-top: transparent;
                }

                &-body {
                    display: flex;
                    flex-wrap: wrap;
                    table-layout: fixed;
                    width: 100%;
                    border: 1px solid #ffffff;
                    border-radius: 4px;
                    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08), 0 1px 3px rgba(0, 0, 0, 0.3) inset;
                    margin-top: 5px;
                    overflow: hidden;
                    padding: 0;
                }

                &-main {
                    flex: 1 1 0;
                }

                &-stats {
                    float: left;
                    margin-left: 20px;
                    width: 100%;

                    .pairs--rows {
                        display: block;
                        margin: inherit;
                        width: auto;

                        dt {
                            display: none;
                        }

                        dd:before {
                            color: #6b8799;
                            display: inline;
                            font-size: 15px;
                            padding-right: 2px;
                            .m-faBase();
                        }

                        &:nth-child(1) > dd:before {
                            content: "\f27a";
                        }

                        &:nth-child(2) > dd:before {
                            content: "\f086"; // \f0e6 - XF 2.0
                        }
                    }
                }

                &-extra {
                    display: none;
                }
            }
        }
    }
}

Спасибо огромное.Тему можно закрывать

 

[Mirovinger]

Вопрос можно считать решённым, а тема эта обсуждения и закрыть её увы не представляется возможным. =)