Oracle Apex: размер правого столбца

Я использую APEX 23.1 со светлой темой Redwood. Мне нужно увеличить ширину «Столбца действий» (правого столбца), но в ролике темы нет такой опции, как в других темах. Есть ли способ увеличить это?

Я попробовал встроенный CSS, но он не работает должным образом.

пример:

.t-Body-actions {
   width: 540px
}

:not(.u-RTL) .t-PageBody.js-rightCollapsed .t-Body-actions {
   transform: translate3d(540px, 0, 0)!important
}

:not(.u-RTL) ​.t-PageBody.js-rightExpanded.t-PageBody--hideLeft .t-Body-main {
    margin-right: 540px!important
}

:not(.u-RTL) .t-PageBody.js-rightExpanded.t-PageBody--hideLeft .t-Body-title {
   right: 540px;
}

Какой это шаблон страницы?

Koen Lostrie 23.04.2024 13:28
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
1
121
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я предполагаю, что вы говорите о шаблоне страницы «Правая колонка». Проверьте столбец действий с помощью инструментов разработки браузера, и вы увидите, что атрибут «ширина» задается переменной CSS «--ut-body-actions-width». css-переменные являются распространенным шаблоном в APEX, начиная с версии 22.1.

Эту информацию затем можно использовать для настройки страницы, установив CSS в разделе «Атрибуты страницы > CSS > Встроенные».

Например:

:root {   
  --ut-body-actions-width: 540px;
}

Другие вопросы по теме