Oracle APEX 5.1 侧导航栏图标未垂直对齐

Question

我开始使用 Oracle Apex 5.1 开发新应用程序。在此应用程序中，我使用 侧边导航菜单 作为主菜单。二级菜单 列表项和图标未垂直对齐。我试图拦截模板默认值来解决这个问题，但它不起作用。

我想，我需要补充 style="vertical-align:middle;" 到二级菜单项的图标范围，但我不知道我可以把这些代码放在哪里。

有人可以帮助我吗？

This is the screenshot.

Answer 1

将此 css 添加到您的页面，

.t-TreeNav .a-TreeView-node--leaf>.a-TreeView-content .fa {
    line-height: 32px;
}

在 APEX 5.1.4 中，以下 CSS 在不破坏顶级菜单项对齐的情况下具有相同的效果：

.t-TreeNav .a-TreeView-node>.a-TreeView-content .fa {
    line-height: 32px;
}
.t-TreeNav .a-TreeView-node--topLevel>.a-TreeView-content .fa {
    line-height: 40px;
}

Oracle APEX 5.1 侧导航栏图标未垂直对齐

Oracle APEX 5.1 side navigation bar icons does not vertically aligned

html

css

oracle-apex-5.1