サイドバーでヘッダーを展開中にウィンドウの高さが小さくなると文字が重なる

[yumetodo]

ウィンドウの高さを少しずつ小さくしていったときのスクリーンショット。Google Chrome 62.0.3202.94でのみ確認、他のブラウザで発生するかは #63 の影響で不明

1. 

2. 

3. 

4. 

[saki7]

問題はここですね https://github.com/cpprefjp/kunai/blob/190782d4c48794772f9ecb2950b5da81b5313542/css/kunai/site/layout.css#L20

[saki7]

cpprefjp の高さは、すべてこの変数で決定されています。

https://github.com/cpprefjp/kunai/blob/190782d4c48794772f9ecb2950b5da81b5313542/css/kunai/variables.css#L1-L2

ちなみに、スマホ表示になった時の幅は、CSSの @media によってレスポンシブに決定されます。

https://github.com/cpprefjp/kunai/blob/190782d4c48794772f9ecb2950b5da81b5313542/css/kunai/site/layout.css#L229

ただ、レスポンシブに高さを変えているコードは無かったと思います。レスポンシブに変えているのは幅とか並び順とかなので。

[saki7]

試しましたがこれはウィンドウサイズ（高さ）が390px以下の特殊な環境でしか問題にならないので放置します（自分の上のコメントの内容は関係なかった）

[saki7]

念のため補足です、上のコード引用部分で使ってる calc() っていうのは、CSS3の動的計算関数じゃなくて、PostCSSの静的な計算関数で、全ての値がトランスパイル時に決定できない場合はエラーを吐くように設定しています、なのでそこは問題ないです（単純に 100vh - 5vh = 95vh に決定される）