Redmine 3.4.0 でプロジェクト一覧が段組み表示に変更されました。提示いただいた1番目のスクリーンショットの状態はうまく動いていないのではなく正常な表示です。
旧バージョンのような段組み無しの表示にしたい場合は、以下のいずれかをお試しいただけますでしょうか。
手っ取り早く簡単なのは 対処法1 です。ただしソースコードの一部を変更するのはカスタマイズ箇所の管理が大変でバージョンアップのときに困ることがあるので、Redmine本体を改変せずに済む 対処法2 のほうがお勧めです。
■対処法1: public/stylesheets/application.css を修正
application.css 内に以下のような記述があります。この10行の記述を削除してください。削除後、Webブラウザで再読み込みを行うと段組みが解除されます。
css
1#projects-index {
2 column-count: auto;
3 column-width: 400px;
4 -webkit-column-count: auto;
5 -webkit-column-width: 400px;
6 -webkit-column-gap : 0.5rem;
7 -moz-column-count: auto;
8 -moz-column-width: 400px;
9 -moz-column-gap : 0.5rem;
10}
■対処法2: View customizeプラグインを使う
View customizeプラグインはRedmineの画面に任意のCSSやJavaScriptを注入することで画面のカスタマイズが行えるプラグインです。
View customizeプラグインをインストール後、以下のカスタマイズ設定を追加してください。
Path Pattern: /projects$
Type: StyleSheet
Code:
css
1#projects-index {
2 column-count: 1;
3 column-width: auto;
4 -webkit-column-count: 1;
5 -webkit-column-width: auto;
6 -moz-column-count: 1;
7 -moz-column-width: auto;
8}