Bug 444846

Summary: When clicking in the "log in" link at the top bar, the rest of the elements in the top bar get cropped
Product: [Websites] bugs.kde.org Reporter: Photon <ncqm3qdz>
Component: generalAssignee: D. Debnath <d_debnath>
Status: RESOLVED FIXED    
Severity: normal CC: d_debnath, sheedy
Priority: NOR    
Version: unspecified   
Target Milestone: ---   
Platform: Other   
OS: Linux   
Latest Commit: Version Fixed In:
Attachments: Top bar elements cropped
Flyout proposal

Description Photon 2021-11-02 17:40:48 UTC
Created attachment 143145 [details]
Top bar elements cropped

SUMMARY


STEPS TO REPRODUCE
1. When clicking in the "log in" link at the top bar.

OBSERVED RESULT


EXPECTED RESULT


SOFTWARE/OS VERSIONS


ADDITIONAL INFORMATION
Browser: Firefox 93.0
Screen resolution: 1366x768
Comment 1 D. Debnath 2021-11-03 07:40:07 UTC
I have prepared a fix for this. Will be deployed very soon :)
Comment 2 D. Debnath 2021-11-05 18:01:36 UTC
Git commit 6a15960701f7e71603c4d7d02d312957bcca9463 by D. Debnath.
Committed on 04/11/2021 at 16:47.
Pushed by bcooksley into branch 'kde-5.0'.

Make the header flexible properly for all screen sizes

M  +19   -41   skins/standard/additions/global.css

https://invent.kde.org/websites/bugs-kde-org/commit/6a15960701f7e71603c4d7d02d312957bcca9463
Comment 3 Photon 2021-11-07 18:06:09 UTC
Created attachment 143321 [details]
Flyout proposal

Great! However, I think a flyout would be more suitable.
Comment 4 D. Debnath 2021-11-07 18:10:34 UTC
(In reply to Photon from comment #3)
> Created attachment 143321 [details]
> Flyout proposal
> 
> Great! However, I think a flyout would be more suitable.
Not possible with just CSS. We would prefer not to touch any part of Bugzilla other than just the theme with CSS. What you suggest will require modifying the HTML either directly or with JS.