Как установить ширину боковой панели для Nebular, если в моем макете две боковые панели? - PullRequest
Новая
       42

Как установить ширину боковой панели для Nebular, если в моем макете две боковые панели?

0 голосов
/ 09 июля 2020

Итак, у меня есть две боковые панели (с тегами слева и справа) в макете моей страницы, как показано в фрагменте кода ниже. Я использовал подход с настраиваемой темой и использовал свойство sidebar-width: 400px,, чтобы установить ширину боковой панели. Это устанавливает ширину боковой панели на 400 пикселей. Как сделать правую боковую панель 700px? Есть ли способ настроить таргетинг на ширину боковой панели по идентификатору для достижения этой цели? 

<nb-layout>
    <nb-layout-header>header</nb-layout-header>
    <nb-sidebar left state="collapsed" tag="left" >
    </nb-sidebar>
    <nb-sidebar right state="collapsed" tag="right">
    </nb-sidebar>
    <nb-layout-column>content</nb-layout-column>
</nb-layout>

1 Ответ

0 голосов
/ 10 июля 2020

Вы можете переопределить стили, назначив новые значения для их темы css переменные , и это можно установить в соответствии с селектором (id является одним из них)

глядя на тема боковой панели nebular вы можете найти все переменные, вы ищете здесь sidebar-width

, так что ваш стиль может быть примерно таким 

nb-sidebar[left]{
--sidebar-width: 400px;
}
nb-sidebar[right]{
--sidebar-width: 700px;
}
...