kintone スペース・スレッドにグラフを2つ横に並べて貼り付けても、PC画面が 12インチくらいだと横に並ばず、縦になってしまう。
スペースの左右にあるスレッド一覧とアプリ一覧の横幅をCSSで短くして、12インチ画面でもグラフが横に並ぶように調整する。
CSS
DOM 操作になりますので、kintone の仕様変更で動作しなくなる場合があります。
kintoneSpaceCSS.css
.gaia-argoui-space-spacecontent.three-pane .gaia-argoui-space-spacecontent-left {
width: 150px;
}
.gaia-argoui-space-threadlist-item-link {
width: 150px;
}
.gaia-argoui-space-spacecontent.three-pane .gaia-argoui-space-spacecontent-body {
margin-left: 150px;
}
.gaia-argoui-space-spacecontent-body {
margin: 0 220px -32768px 0;
}
.gaia-argoui-space-spacecontent-right {
width: 220px;
}
.gaia-argoui-page-space-show-left {
width: 70%;
}
.gaia-argoui-page-space-show-right {
width: 30%;
}
スペース用の css カスタマイズは無く、kintone 全体のスペースに適用されます。
「kintoneシステム管理JavaScript / CSSでカスタマイズ」PC用のCSSファイルにアップロードします。