メニュー画面のカスタマイズ

最終更新日: 2022年8月18日

文字サイズの変更9.1.3

メニューの文字サイズなどの変更は system/My.css ファイルをカスタマイズします。
修正したファイルは customize/webapp/system に保存してください。

@charset "UTF-8";

.menuContainer > a {
border-radius: 5px; /* メニューの枠を角丸にする */
height: 5em; /* メニューの枠の高さを5文字分にする */
width: 16em; /* メニューの枠の幅を16文字分にする */
}

.menuContainer > a > div.menuDescription {
font-size: 110%; /* メニューの文字サイズを標準の文字サイズの1.1倍にする */
}

.menuContainer > a:hover > div.menuDescription {
color: #FFEE55; /* メニューの枠内にマウスオーバーした場合に文字色を黄色にする */
}

アイコンを非表示とする

mycommon.js に次の JavaScript を用意します。

require(["dojo/dom", "dojo/dom-construct", "dojo/query"], function(dom, domConstruct, query) {
var menuContainer = dom.byId("mainMenuContainer");
if (!menuContainer) {
  return;
}
query("a > i[class='fas fa-cubes fa-3x']").forEach(function(node) {
  domConstruct.destroy(node);
  });
});