Bug 433933

Summary: KDE Userbase login and Search... vanish when window narrower than 992 pixels
Product: [Websites] KDE MediaWiki Reporter: skierpage <info>
Component: generalAssignee: carl <schwancarl>
Status: REPORTED ---    
Severity: normal CC: nate
Priority: NOR    
Version First Reported In: unspecified   
Target Milestone: ---   
Platform: Other   
OS: All   
Latest Commit: Version Fixed/Implemented In:
Sentry Crash Report:
Attachments: no login or Search on KDE UserBase Wiki at 960 wide
login and Search reappear on KDE UserBase Wiki at 992 wide
navbar(s) toggle appears on KDE UserBase Wiki below 767 wide

Description skierpage 2021-03-04 02:12:35 UTC
SUMMARY
I couldn't login to userbase.kde.org, there was no login button/link. Then I made the window wider,and "Login with MyKDE" appeared (along with a language selector and Search... box).

This happens with Firefox and chromium-browser. I use a half-width browser on a full HD screen, thus it's normally 960 pixels wide.

The top-most element that vanishes is I think

  <div class="navbar-collapse collapse show" id="navbarPersonal" style="">

I notice in the development inspector the CSS style:

  @media (min-width: 992px)
  .navbar-expand-lg .navbar-toggler {
      display: none;
  }

so I think it vanishing is intentional. There's a button to show navigation,
  <button class="navbar-toggler webfonts-changed" 

but it's not visible until the window narrows below 767 pixels, at which point the left-hand navigation column also disappears and you see a strange '=/…' glyph that when clicked shows both the left-hand navigation and the navbar-personal, although the latter's elements display on top of the page content.

STEPS TO REPRODUCE
1. Visit https://userbase.kde.org/Quick_Start
2. Resize your browser window narrow and wider.

OBSERVED RESULT
Below 992 pixels wide, the language selector, Login with MyKDE and Search... box vanish with no way to show them.
Below 767 pixels wide, a toggle button appears that displays them (poorly) along with the left-hand navigation.
See the several attachments.

EXPECTED RESULT
Leave these items visible all the way down to 767 pixels. Or make the existing toggle appear at wider resolutions. Or have a separate toggle for these items. Or...

SOFTWARE/OS VERSIONS
KDE version: n/a
Chromium 88.0.4324.182 Fedora Project
Mozilla Firefox 88.0a1 (nightly)
Comment 1 skierpage 2021-03-04 02:13:29 UTC
Created attachment 136355 [details]
no login or Search on KDE UserBase Wiki at 960 wide
Comment 2 skierpage 2021-03-04 02:14:23 UTC
Created attachment 136356 [details]
login and Search reappear on KDE UserBase Wiki at 992 wide
Comment 3 skierpage 2021-03-04 02:18:12 UTC
Created attachment 136358 [details]
navbar(s) toggle appears on KDE UserBase Wiki below 767 wide