kintone

kintone スペース・スレッドの横幅調整メモ

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ファイルにアップロードします。