User:JoshuaJSlone/global.css

/* Global Navigation 20px less than default */ .global-navigation { width: 46px; }

/* This makes the menu that pops from the user avatar on the global nav properly align with the global nav. */ .global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content { left:46px; }

/* REMAINING PROBLEMS: Arrow connecting to menu poppping from user avatar now overlaps it rather than connecting to its left. Arrow for notifications behaves as we expect it to, though.

/* Now notification can't be clicked on slightly outside of the actual nav bar. */ /* Doing this moved the user avatar arrow to the left... but too much. */ .global-navigation__bottom .wds-dropdown { margin-left: 0px; } .global-navigation__bottom .wds-dropdown__toggle { width: 36px; }

/* Without this, the 20px saved from global nav can't be used by an expanded article */ .main-container { margin-left: 46px; width: calc(100% - 46px); }

/* Sticky header 10px less than default, also starts further left to match slimmer global nav */ .fandom-sticky-header { left: 46px; height: 36px; top: -36px; }

/* With sticky header smaller, moving table tops left a gap */ .article-table .fixed-header, .wikitable .fixed-header { transform: translateY(var(--fixed-table-header-offset)) translateY(-10px); }

/* Edit icons for sections stopped showing? But this seems to reverse it. */ .client-nojs #ca-ve-edit, .client-nojs .mw-editsection-divider, .client-nojs .mw-editsection-visualeditor, .ve-not-available #ca-ve-edit, .ve-not-available .mw-editsection-divider, .ve-not-available .mw-editsection-visualeditor { display: inline; }