Иконка ресурса

XF 2.2 / Editor Old Design

SkyLoKi

Проверенные
Сообщения
259
Решения
2
Реакции
916
Баллы
11,175
SkyLoKi добавил(а) новый ресурс:

XF 2.2 / Editor Old Design - Видоизменение нового офорлмения редактора

Мне не очень нравится настолько минималистичный вид редактора и я решил немного попробовать сделать его под старый вид.

В Extra.less:
Less:
.fr-box.fr-basic[data-size="XL"],
.fr-box.fr-basic[data-size="LG"], 
.fr-box.fr-basic[data-size="MD"] {
    .fr-btn-grp:not(.rte-tab--preview){
        padding-right: 5px;
        border-right: 2px solid #dfdfdf;
    }
}

.fr-toolbar {
    color: #141414;
    background: #f5f5f5!important;
    border-bottom: 1px solid...

Узнать больше об этом ресурсе...
 
Как по мне, стало только хуже.
 
MrRobot, доработок возможно еще требует. это за минут 20 сделал, пока чай пил)
 
Немножечко подправим
1596227501999.png

Less:
.fr-box.fr-basic {
    &[data-size="XL"],
    &[data-size="LG"],
    &[data-size="MD"] {
        .fr-btn-grp {
            padding-right: 3px;
            &:not(.fr-float-right) {
                border-right: 1px solid @xf-borderColorLight;
            }
        }
    }
    border-radius: @xf-borderRadiusSmall;
    &.is-focused {
        .fr-toolbar {
            &.fr-top {
                background: @xf-contentAltBg;
            }
        }
        #XF & {
            border: 1px solid @xf-borderColor;
        }
     }
    .fr-toolbar {
        border-radius: @xf-borderRadiusSmall;
        &.fr-top {
            background: @xf-contentAltBg;
            border-top: @xf-borderSizeFeature solid @xf-borderColorFeature;
            border-bottom: 1px solid @xf-borderColorHeavy;
        }
        .fr-btn-grp {
            --hpadding: 3px;
            padding-top: 0;
            &.rte-tab--preview {
                border-left-color: @xf-borderColorLight;
                .fr-command.fr-btn {
                    height: unset;
                }
            }
            &.rte-tab--inactive {
                border-bottom-width: 0;
            }
        }
    }
}
.fr-toolbar {
    .fr-command.fr-btn:not(.fr-disabled),
    .fr-popup .fr-command.fr-btn {
        color: @xf-textColorDimmed;
    }
}
На xfi какой-то лишний пустой блок нарисовался, поэтому будет толстая граница справа
1596227720968.png1596227747073.png
 
Последнее редактирование:
Обнаружил баг тут на форуме, на моем тестовом такого не проявляется. В области ввода текста ее площадь составляет 88% от 100. Пользуюсь Google Chrome, в других браузерах не тестировал.

CSS:
.fr-element.fr-view p {
    width: 88%;
}
 
Я бы не доверял разработчику, так как бросает разработку плагинов, не доводит до конца, единственный рабочий для включения режима разработчика, поправьте если ошибаюсь
 
dems_dd, это не баг, а, скажем так, местная особенность. Оно и на 2.1 было.
 
Да забейте, норм редактор, не хрен изменять, все обновляется, не будте консервативными, настройте как вам надо
 
ну тогда забить на на разработчика, пока хайд не поправит, больше слов нет
Вряд-ли он чёт поправит, как с армии пришел, тишина, к ксене не смог вернуться видимо, а может и вовсе закинул.
 
Тогда не хрен мутить, нет желания, не делай ни чего
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу