→common.cssのpadding-right指定について
>Fet-Fe |
>Kirari1192 |
||
180行目: | 180行目: | ||
この対策についてですが、<code>.mw-parser-output a.external{padding-right:13px;}</code>の後にcommon.cssが読み込まれているのは簡単な調査の結果明白だったので、対策の修正としてcommon.cssを<code>.mw-parser-output a.external { padding-right: 0; }</code>と修正することを提案します。<br>こうすると、優先度を13pxと同じにしつつ0が後に来るので、結果として変なスペースを打ち消すことができます。とりあえず取り急ぎ<br> | この対策についてですが、<code>.mw-parser-output a.external{padding-right:13px;}</code>の後にcommon.cssが読み込まれているのは簡単な調査の結果明白だったので、対策の修正としてcommon.cssを<code>.mw-parser-output a.external { padding-right: 0; }</code>と修正することを提案します。<br>こうすると、優先度を13pxと同じにしつつ0が後に来るので、結果として変なスペースを打ち消すことができます。とりあえず取り急ぎ<br> | ||
参考: [https://www.w3.org/TR/selectors-3/#specificity CSSの規格の優先度のセクション] [https://specificity.keegan.st/ 見つけた優先度図解サイト] | 参考: [https://www.w3.org/TR/selectors-3/#specificity CSSの規格の優先度のセクション] [https://specificity.keegan.st/ 見つけた優先度図解サイト] | ||
[[利用者:Kirari1192|Kirari1192]] ([[利用者・トーク:Kirari1192|トーク]]) 2022年10月30日 (日) 23:51 (JST) | [[利用者:Kirari1192|Kirari1192]] ([[利用者・トーク:Kirari1192|トーク]]) 2022年10月30日 (日) 23:51 (JST) | ||
187行目: | 185行目: | ||
{{CM}} - [[MediaWiki:Common.css#L-186]]のように、実は既にその設定になっています。前に変なスペース問題が起きた時にこれを設定し、その時は直ったのですが、後のアップデートか何かで戻ってしまいました。 | {{CM}} - [[MediaWiki:Common.css#L-186]]のように、実は既にその設定になっています。前に変なスペース問題が起きた時にこれを設定し、その時は直ったのですが、後のアップデートか何かで戻ってしまいました。 | ||
ムヨペだと<code>.mw-parser-output .external</code>に<code>background-image: url(/w/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg?2cd31);</code>という設定がされており、当Wikiで変なスペースとなっている部分に[https://ja.wikipedia.org/w/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg?2cd31 この画像]が入っています。Common.cssの設定でダメとなると、当Wikiでもこの画像を導入してスペースを埋めるくらいしか違和感をなくす方法はないのではないでしょうか。--[[利用者:Fet-Fe|Fet-Fe]] ([[利用者・トーク:Fet-Fe|トーク]]) 2022年10月31日 (月) 00:01 (JST) | ムヨペだと<code>.mw-parser-output .external</code>に<code>background-image: url(/w/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg?2cd31);</code>という設定がされており、当Wikiで変なスペースとなっている部分に[https://ja.wikipedia.org/w/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg?2cd31 この画像]が入っています。Common.cssの設定でダメとなると、当Wikiでもこの画像を導入してスペースを埋めるくらいしか違和感をなくす方法はないのではないでしょうか。--[[利用者:Fet-Fe|Fet-Fe]] ([[利用者・トーク:Fet-Fe|トーク]]) 2022年10月31日 (月) 00:01 (JST) | ||
* {{CM}} - <code>.external</code>を<code>a.external</code>(aに注目)に変更するという意図でした。もし分かりづらかったらもうしわけありません。(仮に権限があっても直接common.cssを弄る訳にはいかないため)FirefoxとTor Browserの開発者ツールでスタイルシートを変更して検証した限りでは、変なスペースが消えることを確認できました。 [[利用者:Kirari1192|Kirari1192]] ([[利用者・トーク:Kirari1192|トーク]]) 2022年10月31日 (月) 00:20 (JST) |