Change Details

CSS rule `.content table.infobox td { width: 100% }` added in rEMFR98b155f7ebf75381c4e28dcab91d9d61839e8462 (T162913) broke a [[ https://cs.wikipedia.org/wiki/%C5%A0ablona:Infobox_-_medaile | widely used template in cswiki ]]. You can see an example in [[ https://cs.m.wikipedia.org/wiki/Jarmila_Kratochv%C3%ADlov%C3%A1 | this article (mobile version) ]], the table in question is below the main infobox and has title "Přehled medailí". The middle column is much wider whereas the rightmost is as tight as possible, wrapping the words unnecessarily. Disabling the rule in browser's console fixes the problem. This has been [[ https://cs.wikipedia.org/w/index.php?oldid=15107293#Šablona_medaile_v_mobilní_wiki | discussed ]], the conclusion was to report it here. With rule (current): Tablet: {F8515838} Mobile: {F8516458} Without rule (proposed): Tablet: {F8515836} Mobile: {F8516462} = Developer notes A fix using flex box has been proposed by @TheDj (https://phabricator.wikimedia.org/T168716#3395086) [] On grade A browsers columns should be be equally divided [] On grade C browsers which do not support flex box e.g. IE9 the text inside the infobox should be readable although the column width does not need to be equally spaced and text can wrap if necessary.

CSS rule `.content table.infobox td { width: 100% }` added in rEMFR98b155f7ebf75381c4e28dcab91d9d61839e8462 (T162913) broke a [[ https://cs.wikipedia.org/wiki/%C5%A0ablona:Infobox_-_medaile | widely used template in Czech Wikipedia ]]. You can see an example in [[ https://cs.m.wikipedia.org/wiki/Jarmila_Kratochv%C3%ADlov%C3%A1 | this article (mobile version) ]], the table in question is below the main infobox and has title "Přehled medailí". The middle column is much wider whereas the rightmost is as tight as possible, wrapping the words unnecessarily. Disabling the rule in browser's console fixes the problem. This has been [[ https://cs.wikipedia.org/w/index.php?oldid=15107293#Šablona_medaile_v_mobilní_wiki | discussed ]], the conclusion was to report it here. With rule (current): Tablet: {F8515838} Mobile: {F8516458} Without rule (proposed): Tablet: {F8515836} Mobile: {F8516462} = Developer notes A fix using flex box has been proposed by @TheDJ in https://phabricator.wikimedia.org/T168716#3395086 [] On [grade A browsers](https://www.mediawiki.org/wiki/Compatibility#Browser_support_matrix), columns should be be equally divided [] On [grade C browsers](https://www.mediawiki.org/wiki/Compatibility#Browser_support_matrix) which do not support flex box (e.g. IE9), the text inside the infobox should be readable although the column width does not need to be equally spaced and text can wrap if necessary.

CSS rule `.content table.infobox td { width: 100% }` added in rEMFR98b155f7ebf75381c4e28dcab91d9d61839e8462 (T162913) broke a [[ https://cs.wikipedia.org/wiki/%C5%A0ablona:Infobox_-_medaile | widely used template in cswikiCzech Wikipedia ]]. You can see an example in [[ https://cs.m.wikipedia.org/wiki/Jarmila_Kratochv%C3%ADlov%C3%A1 | this article (mobile version) ]], the table in question is below the main infobox and has title "Přehled medailí". The middle column is much wider whereas the rightmost is as tight as possible, wrapping the words unnecessarily. Disabling the rule in browser's console fixes the problem. This has been [[ https://cs.wikipedia.org/w/index.php?oldid=15107293#Šablona_medaile_v_mobilní_wiki | discussed ]], the conclusion was to report it here. With rule (current): Tablet: {F8515838} Mobile: {F8516458} Without rule (proposed): Tablet: {F8515836} Mobile: {F8516462} = Developer notes A fix using flex box has been proposed by @TheDj (J in https://phabricator.wikimedia.org/T168716#3395086) [] On On [grade A bbrowsers](https://www.mediawiki.org/wiki/Compatibility#Browsers_support_matrix), columns should be be equally divided [] On On [grade C bbrowsers](https://www.mediawiki.org/wiki/Compatibility#Browsers_support_matrix) which do not support flex box (e.g. IE9), IE9 the text inside the infobox should be readable although the column width does not need to be equally spaced and text can wrap if necessary.