Блог

Главная - Вопросы по программированию - @storybook / addon- управляет многострочным пробелом в коде, определенным как nowrap

@storybook / addon- управляет многострочным пробелом в коде, определенным как nowrap

#storybook

#сборник рассказов

Вопрос:

Как я могу поместить многострочный раздел кода в столбец описания элементов управления storybook ( argTypes.ARG_NAME.description )?

Он переопределяет whitespace nowrap код внутри ячейки описания, а css выглядит следующим образом

 .css-1521b8c code {
    line-height: 1;
    margin: 0 2px;
    padding: 3px 5px;
    white-space: nowrap;
    border-radius: 3px;
    font-size: 13px;
    border: 1px solid #EEEEEE;
    color: rgba(51,51,51,0.9);
    background-color: #F8F8F8;
}

Существует ли здесь какая-либо настройка / опция? Или как я могу переопределить этот css?

Заранее спасибо.

Ответ №1:

создать ./storybook/manager-head.html с некоторым <style /> разделом

что-то вроде

 <style>
  pre code {
    whitespace: pre !important; // or use selector inheritance instead of !important
  }
</style>