Modify CKAN header's layout with custom plugin
情境描述: 我們希望能夠使用客製化的icon與排版於Header上 使得最終的畫面如下 不過根據CKAN Helpers.py 的程式碼 只有 build_nav_icon 函式比較接近我們的需求 但他們是使用fontawesome的icon 且排版在超連結的左方，如下 而他們產生這類nav tab的函式 主要是由 _make_menu_item 函式組裝對應的內容 這函式不僅Render排版而已 例如: 根據當前頁面是否與該tab要導到的頁面一致(也就是同頁面) 如果一致，就會讓該超連結 <a> 多了一個Style叫做active，就會反灰 這些原有的功能我們還是要保留 (e.g., _link_to , _link_active ) 因此，就不是單單取代掉而已 我們需要客製化一個自己的 Template Helper function 客製化Template Helper Function可以參考官網的 這篇 主要需要增加的程式碼如下 根目錄為 ~/ckan/lib/default/src/ckanext-ytdataservice/ckanext/ytdataservice ./public/chefHeader.css .module-content :last-child { padding-bottom : 0px ; } .mystyle { display : flex; float : right; } .mystyle-ul > li { float : left; list-style : none; text-align : center; padding-left : 1em ; padding-right : 1em ; margin-bottom : 1em ; border-radius : 5px ; } .mystyle-ul > li .hover { background-color : #003647 ; } .mystyle-ul > li .active { background-...