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

时间:2017-03-09 06:47:04

标签: html5 css3 oracle-apex-5.1

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

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

愿任何人帮助我吗?

This is the screenshot.

1 个答案:

答案 0 :(得分: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;
}