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

[yumetodo]

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

2.

3.

4.

[saki7]

問題はここですね

kunai/css/kunai/site/layout.css

Line 20 in 190782d

height: $navbar-height;

[saki7]

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

kunai/css/kunai/variables.css

Lines 1 to 2 in 190782d

	$navbar-height: 5vh;
	$main-height: calc(100vh - $navbar-height);

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

kunai/css/kunai/site/layout.css

Line 229 in 190782d

@media (max-width: 768px) {

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

[saki7]

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

[saki7]

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