Bug 444846 - When clicking in the "log in" link at the top bar, the rest of the elements in the top bar get cropped
Summary: When clicking in the "log in" link at the top bar, the rest of the elements i...
Status: RESOLVED FIXED
Alias: None
Product: bugs.kde.org
Classification: Websites
Component: general (show other bugs)
Version: unspecified
Platform: Other Linux
: NOR normal
Target Milestone: ---
Assignee: D. Debnath
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2021-11-02 17:40 UTC by Photon
Modified: 2021-11-07 18:10 UTC (History)
2 users (show)

See Also:
Latest Commit: https://invent.kde.org/websites/bugs-kde-org/commit/6a15960701f7e71603c4d7d02d312957bcca9463
Version Fixed In:

Attachments
Top bar elements cropped (60.09 KB, image/png)
2021-11-02 17:40 UTC, Photon 		Details
Flyout proposal (25.37 KB, image/png)
2021-11-07 18:06 UTC, Photon 		Details
View All Add an attachment

Note You need to log in before you can comment on or make changes to this bug.
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.