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