https://bugzilla.wikimedia.org/show_bug.cgi?id=58800

       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
          Assignee: wikibugs-l@lists.wikimedia.org
          Reporter: sp...@wikimedia.org
                CC: ebernhard...@wikimedia.org, oke...@wikimedia.org,
                    sp...@wikimedia.org
    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
Wikibugs-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikibugs-l

Reply via email to