Fixing the very much broken page layout if the browser window isn't wide enough.
midi.org - Fixing completely broken top bar by denilsonsa
Details
Authordenilsonsa
LicensePublic Domain
Categorymidi
Created
Updated
Size692 B
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
If your browser window is wide, but not wide enough (let's say, 1280px), the top bar becomes very much broken. This usercss fixes that.
Source code
/* ==UserStyle==
@name midi.org - Fixing completely broken top bar
@namespace github.com/openstyles/stylus
@version 1.0.0
@description Fixing the very much broken page layout. It happens if the browser window is not wide enough. Do they expect users to have ultra-wide displays?
@author Denilson
==/UserStyle== */
@-moz-document domain("midi.org") {
html .navbar .brand,
html .navbar .nav > li > a,
html .navbar-search,
html .uk-navbar-item,
html .uk-navbar-nav > li > a,
html .uk-navbar-toggle {
min-height: 0;
}
html .uk-navbar-left,
.uk-navbar-right,
[class*="uk-navbar-center"] {
gap: 16px;
}
}