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

Question

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

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

有人可以帮助我吗？

这是屏幕截图。

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;
}