Oracle APEX 23.1 Redwood Light主题右侧操作列宽度调整求助

Redwood主题确实移除了Theme Roller中操作列宽度的可视化设置，得通过自定义CSS来解决。你之前的代码遗漏了部分关键样式，导致效果不符合预期，试试下面这套完整的CSS规则：

/* 基础设置：调整操作列的宽度 */
.t-Body-actions {
    width: 540px !important;
    min-width: 540px !important;
}

/* 左侧栏显示、操作列展开时，调整主内容区的右边距 */
:not(.u-RTL) .t-PageBody.js-rightExpanded:not(.t-PageBody--hideLeft) .t-Body-main {
    margin-right: 540px !important;
}

/* 左侧栏隐藏、操作列展开时，调整主内容区和标题区的位置 */
:not(.u-RTL) .t-PageBody.js-rightExpanded.t-PageBody--hideLeft .t-Body-main,
:not(.u-RTL) .t-PageBody.js-rightExpanded.t-PageBody--hideLeft .t-Body-title {
    margin-right: 540px !important;
    right: 540px !important;
}

/* 操作列折叠时的位移设置 */
:not(.u-RTL) .t-PageBody.js-rightCollapsed .t-Body-actions {
    transform: translate3d(540px, 0, 0) !important;
}

/* 适配RTL布局（如果需要） */
.u-RTL .t-PageBody.js-rightExpanded:not(.t-PageBody--hideLeft) .t-Body-main {
    margin-left: 540px !important;
}

.u-RTL .t-PageBody.js-rightExpanded.t-PageBody--hideLeft .t-Body-main,
.u-RTL .t-PageBody.js-rightExpanded.t-PageBody--hideLeft .t-Body-title {
    margin-left: 540px !important;
    left: 540px !important;
}

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

使用说明： #

• 将上述代码添加到应用级CSS（共享组件 → 用户界面属性 → 内联CSS），所有页面都会生效；如果只想针对单个页面，添加到对应页面的「内联CSS」属性中即可。
• 需要调整宽度时，把所有540px替换成你想要的数值。
• 可以用浏览器开发者工具（F12）检查.t-Body-actions元素，确认自定义CSS是否成功覆盖默认样式（查看样式面板中被划掉的默认样式，确保自定义样式优先级更高）。

内容的提问来源于stack exchange，提问作者d313