https://bugzilla.wikimedia.org/show_bug.cgi?id=47532
Web browser: ---
Bug ID: 47532
Summary: Agora CSS gives labels conflicting styles
Product: MediaWiki
Version: 1.22-git
Hardware: All
OS: All
Status: NEW
Severity: normal
Priority: Unprioritized
Component: Skin and page rendering
Assignee: wikibugs-l@lists.wikimedia.org
Reporter: sp...@wikimedia.org
CC: krinklem...@gmail.com
Classification: Unclassified
Mobile Platform: ---
resources/mediawiki.ui/sourcefiles/scss/components/default/_forms.scss gives
conflicting CSS for labels. Line 25 specifies
margin: 0;
width: 100%
but then line 39 in the same & > div block specifies
width: auto;
margin: 0 0 0.2em 0;
The later CSS wins according to Firebug.
Perhaps we can just remove label from the first Sass selector. But then the
label isn't styled display: block , and AIUI as a result in Firefox it's
squeezed tighter to the input field underneath. I think you get identical
effective CSS by adding
display: block;
@include box-sizing(border-box);
to the label declaration, but maybe that's overthinking it.
--
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
