Web browser: ---
Bug ID: 58800
Summary: Flow: topic bar CSS defeats its active button behavior
Product: MediaWiki extensions
CC: ebernhard...@wikimedia.org, oke...@wikimedia.org,
Mobile Platform: ---
People complain about clicking the topic bar to collapse/expan, e.g. bug 58661,
partly because it doesn't act like a button, . We intend the topic bar should
act like a giant button by giving it the class .mw-ui-button, so it gets the
beveled bottom edge on hover. However, it doesn't darken on click because its
gray background color from .flow-titlebar background has a greater specificity
than the dark gray background in .mw-ui-button:active styling.
The fix might be to give flow-titlebar its own :active background color, to
somehow turn off its gray background when active, or to jiggle the specificity
so mw-ui-button:active wins. It doesn't help that Flow loads its CSS twice,
once with addModuleStyles() and then again with addModules(); this is wrong and
wasteful, though I'm not sure if CSS actually loads twice.
Also, the flow title-bar div doesn't have a title="Click to collapse/expand" to
hint at its behavior
You are receiving this mail because:
You are the assignee for the bug.
You are on the CC list for the bug.
Wikibugs-l mailing list