1

私はガントのためにこのライブラリを使用しています:

http://www.bryntum.com/examples/gantt-latest/examples/basic/basic.html

JIRA レポートとして実装すると、JIRAの左のバーが中央に移動します。

画像は説明のみを目的としています。

調査したところ、ガント ライブラリの CSS ファイルに問題があることがわかりました。

http://cdn.sencha.io/ext-4.1.0-gpl/resources/css/ext-all.css

理解しようとしないでください。コードを美化すると、10000 行になります。しかし、デバッグした後、解決策を見つけました。このコードを削除すると、JIRA の左側のバーが左に移動し、すべてが正常に見えました。

.x-border-box,.x-border-box * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

を除外する：

ここに画像の説明を入力画像は説明のみを目的としています。

フッターがガント チャートの上に移動しました。したがって、2 番目のオプションを使用する方が適切ですが、それでもフッターを下に配置することをお勧めします。

CSS の値を変更してみましたが、スクリーンショットに示されている 2 つ以外の結果は得られませんでした。

全体として、フッターを下に、JIRA バーを左に移動するにはどうすればよいでしょうか。

4

1 に答える 1

1

問題は、Ext JS CSS がページ上でグローバルであり、他の要素と競合していることです。この投稿は役立つ可能性があり、CSS の「スコープ」をページ上の任意の要素 (ガント チャート コンテナー div など) に設定するのに役立ちます。

scopeResetCSS プロパティを使用して Ext コンポーネントに適用されるようにリセット CSS のスコープを設定する方法は?

使用する：

Ext = {buildSettings: {scopeResetCSS: true}};

ext-all-scoped.css と一緒に。やるべきです。

于 2012-07-01T11:10:31.547 に答える