検索ボックスとShortcutsセレクタが重なって表示される。/ Overlapped SearchBox and Shortcuts-selector - Githubissues

cypher256 / pleiades.io

Pleiades による Eclipse などの IDE 製品翻訳や JetBrains 製品のオンラインヘルプ日本語サイト https://pleiades.io や https://spring.pleiades.io の誤訳や問題を管理します。

https://willbrains.jp/

27 stars 2 forks source link

検索ボックスとShortcutsセレクタが重なって表示される。/ Overlapped SearchBox and Shortcuts-selector #78

Closed UFOnian closed 3 years ago

UFOnian commented 3 years ago

PCにて表示する際、マニュアルページにて、画面右上のShortcutsセレクタの上に検索ボックスが重なって標示され、Shortcutsセレクタの表示が隠される。

発生条件は把握している限りでは下記

PC
- Windows 10
Browser
- FireFox
- Chrome
- それぞれシークレットウィンドウなどを使用し、ヴァニラ環境にて再現を確認
画面(ブラウザ)サイズ
- 幅 1600px 以上
- 拡大率 100%
表示ページ
- DataGrip
- PyCharm
- おそらく共通モジュールのため、どのページでも再現？

ブラウザ幅を変化させると、その幅が 1600px を超え始めるタイミングで、少しずつ検索ボックスは左に、Shortcutsは右に移動し始め、重なっていく。

ざっと動作を確認したところでは、検索窓とShortcutsセレクタはかなりルートの異なる階層に配置されているらしいので、そもそもの配置を変える必要があるように思われる。ただし、次に示す動作を保証するために、この構造を維持する必要があれば、CSSを見直すことで解決できるか？
- Shortcutsセレクタは、画面幅を 1000px 以下にすると、さらに下の層に表示が移動する仕組みがあるが、検索窓は同じ位置に表示され続ける。

cypher256 commented 3 years ago

ありがとうございます。検索窓の max-width: 1620px; 指定を削除しました。スーパーリロードすれば解消されると思います。