Web browser: ---
            Bug ID: 58800
           Summary: Flow: topic bar CSS defeats its active button behavior
           Product: MediaWiki extensions
           Version: master
          Hardware: All
                OS: All
            Status: NEW
          Severity: normal
          Priority: Unprioritized
         Component: Flow
    Classification: Unclassified
   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

Reply via email to