Kagi Feedback about drop-down missing text at specific window widths

enblynx

When the window in which Kagi Feedback is rendered has a width of Xpx, where 768 ≤ X ≤ 991, the 'about' drop-down on the top bar of the page loses all text. Unfortunately this width includes (1920/2), a typical window width for 1080p screens when the browser window is relegated to half of the display.

This occurs on Firefox- I have no clue whether the same can be said of other browsers.

I would expect the text to continue to render just fine.

luceos

KagiFeedback was patched with the fix to resolve these media queries. Could you please confirm this is now resolved for you GrygrFlzr and enblynx 🙏

GrygrFlzr

I can confirm on various browsers (Arc, Safari, etc) and this should be cross-browser.
The culprit is this Media Query + selector:

@media (min-width: 768px) and (max-width: 991.98px) {
  .LinksButton-title {
    display: none;
  }
}

Which is meant to hide the text of the main nav items, but also affects the dropdown items.

One solution is to change the query to e.g.

@media (min-width: 768px) and (max-width: 991.98px) {
  .Header-controls>li>a>.LinksButton-title {
    display: none;
  }
}

Which produces the following:

(some spacing fixes are needed, but that should be good enough to get started)