1. Shoji KUMAGAI
  2. sphinxjp.themes.bizstyle
Issue #2 resolved

リレーションバーの表示量が多いとレイアウトが崩れる

togakushi
created an issue

リレーションバーに表示されているパンくずリストが長くなり、右側のナビゲーションに重なるとリレーションバーの内容が2行になり、左側に不自然な空白ができます。

文字を反転させるとリレーションバーの内容がはみ出している様子がわかります。 サイドバーが消えない様にブラウザの横幅を狭めていくと再現させれます。

回避方法があれば教えてください。

Comments (5)

  1. Shoji KUMAGAI repo owner

    テンプレートに加工を行ってはいないので、こうなります。 回避方法は現時点ではありません。

    私の記憶が正しければ、元になった sphinxdoc でも同様の事象は発生するはずですね。

  2. togakushi reporter

    たしかに sphinxdoc でも同様の事象が起きますね。。。

    div.related に以下を追加しておけば左側に空白はできなくなることがわかりました。 (本文との間の空白の微調整が必要そうですが)

    --- bizstyle.css_t.orig  2012-12-26 02:23:01.000000000 +0900
    +++ bizstyle.css_t       2013-01-09 23:59:21.594834157 +0900
    @@ -58,6 +58,7 @@
    
     div.related {
         font-size: 1em;
    +    float: left;
    
         -moz-box-shadow: 2px 2px 5px #000;
         -webkit-box-shadow: 2px 2px 5px #000;
    

    とりあえずはこれで回避しつつ、他の方法も探ってみます。

  3. Log in to comment