MediaWiki talk:Common.css: Difference between revisions

From Bulbapedia, the community-driven Pokémon encyclopedia.
Jump to navigationJump to search
(→‎"roundtable" class: new section)
m (Text replacement - "Bfdifan2006" to "C.Ezra.M")
 
(7 intermediate revisions by 3 users not shown)
Line 17: Line 17:
</pre>
</pre>
I think this should be separated to a different class. --<span lang="ja">[[User:TheICTLiker4|<span style="color:#333">'''TheI'''</span>]][[Special:Contributions/TheICTLiker4|<span style="color:#f30">'''CTLi'''</span>]][[User talk:TheICTLiker4|<span style="color:#bbb">'''ker4'''</span>]]</span> 16:20, 7 March 2020 (UTC)
I think this should be separated to a different class. --<span lang="ja">[[User:TheICTLiker4|<span style="color:#333">'''TheI'''</span>]][[Special:Contributions/TheICTLiker4|<span style="color:#f30">'''CTLi'''</span>]][[User talk:TheICTLiker4|<span style="color:#bbb">'''ker4'''</span>]]</span> 16:20, 7 March 2020 (UTC)
:I am confused which class should I use. Roundtable makes cells white, what I would prefer but it also adds unnecessery padding at the bottom.--'''[[User:Team Rocket Grunt|<span style="color:#CC0000">Rocket</span> <span style="color:#666666">Grunt</span>]] ([[User talk:Team Rocket Grunt|<span style="color:#CCCCCC">Report To Me</span>]])''' 16:36, 8 March 2020 (UTC)
::The purpose of the padding is to allow the bottom of the table to be rounded, without rounding the bottom cells themselves (which is particularly important if the table is sortable, for example). Rather than having different styles depending on whether or not the table is sortable, as a single universal approach was chosen.
::Making the cells white is because historically tables would define <code>style="background: #FFF"</code> on every row, but this class makes that unnecessary. Since a rounded table with colored headers is the standard table design used on Bulbapedia, it's ideal to have these behaviors defined in a single class. --[[User:SnorlaxMonster|<span style="color:#A70000">'''Snorlax'''</span>]][[User talk:SnorlaxMonster|<span style="color:#0000A7">'''Monster'''</span>]] 01:14, 9 March 2020 (UTC)
:::When table is sortable I would just use footer that doesn't sort (with ! instead of |) and round it. Classes could do that too.--'''[[User:Team Rocket Grunt|<span style="color:#CC0000">Rocket</span> <span style="color:#666666">Grunt</span>]] ([[User talk:Team Rocket Grunt|<span style="color:#CCCCCC">Report To Me</span>]])''' 13:54, 9 March 2020 (UTC)
== <code>overflow-ms</code> class ==
The property <code>pointer-events: none;</code> should not be there because I found out it prevents linking to the article about the Pokémon via its icon. --'''''[[User:C.Ezra.M|<font color="turquoise">C.Ezra.M</font>]]'''''<sub>[[User talk:C.Ezra.M|<font color="lime">something to say?</font>]]</sub> 20:09, 18 May 2021 (UTC)
:The motivation behind including that property is that otherwise the blank space around the icon would also include the link, which may be unexpeceted. --[[User:SnorlaxMonster|<span style="color:#A70000">'''Snorlax'''</span>]][[User talk:SnorlaxMonster|<span style="color:#0000A7">'''Monster'''</span>]] 13:48, 21 May 2021 (UTC)
== Staff member highlighting ==
Is there any actual reason to use the <code>!important</code> keyword for the <code>padding-left</code> property? If there is no such reason, it might be good to remove that keyword from the property.
The reason I'm asking is because I want to have, just for me, [[User:C.Ezra.M/common.css|a custom way to highlight staff members's usernames]], which is to apply everywhere inside the <code>div#content</code> block, not just in [[Special:recentchanges|the Recent Changes]]. I am honestly making too many edits to the CSS in an attempt to circumvent the left padding by using a more specific selector, and <code>!important</code>. To showcase these:
* <div style="background-color: #c80; margin: 0 5px; padding: 0px 5px; {{roundy|5px}}; color: #ccc; display: inline-block">'''JuAd'''</div> - for the {{bp|Junior Administrators}}.
* <div style="background-color: #888; margin: 0 5px; padding: 0px 5px; {{roundy|5px}}; color: #ccc; display: inline-block">'''Admn'''</div> - for the {{bp|Administrators}}.
* <div style="background-color: #fc4; margin: 0 5px; padding: 0px 5px; {{roundy|5px}}; color: #444; display: inline-block">'''SrAd'''</div> - for the {{bp|Senior Administrators}}.
* <div style="background-color: #4cc; margin: 0 5px; padding: 0px 5px; {{roundy|5px}}; color: #444; display: inline-block">'''Brct'''</div> - for the {{bp|Bureaucrats}}.
* <div style="background-color: #8c8; margin: 0 5px; padding: 0px 5px; {{roundy|5px}}; color: #444; display: inline-block">'''EdiB'''</div> - for the {{bp|Editorial Board}}.
* <div style="background-color: #44c; margin: 0 5px; padding: 0px 5px; {{roundy|5px}}; color: #ccc; display: inline-block; background-image: linear-gradient(to right, #c44, #4c4, #44c, #c44);">'''ExSt'''</div> - for the {{bp|Bulbagarden Executive Staff|Executive Staff}}.
* <div style="background-color: #444; margin: 0 5px; padding: 0px 5px; {{roundy|5px}}; color: #ccc; display: inline-block">'''Inac'''</div> - for the {{bp|Inactive Staff}}.
--'''''[[User:C.Ezra.M|<font color="turquoise">C.Ezra.M!</font>]]''''' <sub>[[User talk:C.Ezra.M|<font color="lime">Or is he actually</font>]] [[Special:Contributions/C.Ezra.M|<font color="orange">Keyacom?</font>]]</sub> 11:02, 27 February 2022 (UTC)
:It appears I fixed the issue myself, but the question remains to be answered. --'''''[[User:C.Ezra.M|<font color="turquoise">C.Ezra.M!</font>]]''''' <sub>[[User talk:C.Ezra.M|<font color="lime">Or is he actually</font>]] [[Special:Contributions/C.Ezra.M|<font color="orange">Keyacom?</font>]]</sub> 11:26, 27 February 2022 (UTC)

Latest revision as of 12:33, 26 May 2024

Halp

Can someone take my name off where it's supposed to italicize administrators? My admin status was only temporary, and I don't want to confuse anyone thinking I'm an admin 8( unless you guys were planning to re-add that anytime soon, ahahah ▫▪Ťïňắ 17:49, 4 April 2010 (UTC)

And can somebody put my name on? I'm a sysop in good standing and as such my username should be italicized, yet my name's not among that list, with zero valid excuse (and no more) as to why it's not there...--Shiningpikablu252 17:56, 4 April 2010 (UTC)
Hmm, I suppose this puts me more or less in charge of keeping the list up-to-date, heh.
I'll remove you for now Tina, if you do get admin status again it'll possibly be a different rank anyhow, so no need to get confused.
Shining, you're on probation, and since the main purpose of this code is to allow users to see what admins are online, it won't do any good to list a user who's not currently an admin. When your probation's over, depending on the result, your name will be adjusted accordingly. (unless perhaps you'd like your own "ON PROBATION AND IN DENIAL" text style...) -- Jïörüjï Ðērākō.>.cнаt^ 12:13, 6 April 2010 (UTC)

"roundtable" class

Why does the class "roundtable" make tables' cells white? This class certainly makes sure you can't cheat with the CSS background defined after "|-".

.roundtable td {
  background-color: white;
}

I think this should be separated to a different class. --TheICTLiker4 16:20, 7 March 2020 (UTC)

I am confused which class should I use. Roundtable makes cells white, what I would prefer but it also adds unnecessery padding at the bottom.--Rocket Grunt (Report To Me) 16:36, 8 March 2020 (UTC)
The purpose of the padding is to allow the bottom of the table to be rounded, without rounding the bottom cells themselves (which is particularly important if the table is sortable, for example). Rather than having different styles depending on whether or not the table is sortable, as a single universal approach was chosen.
Making the cells white is because historically tables would define style="background: #FFF" on every row, but this class makes that unnecessary. Since a rounded table with colored headers is the standard table design used on Bulbapedia, it's ideal to have these behaviors defined in a single class. --SnorlaxMonster 01:14, 9 March 2020 (UTC)
When table is sortable I would just use footer that doesn't sort (with ! instead of |) and round it. Classes could do that too.--Rocket Grunt (Report To Me) 13:54, 9 March 2020 (UTC)

overflow-ms class

The property pointer-events: none; should not be there because I found out it prevents linking to the article about the Pokémon via its icon. --C.Ezra.Msomething to say? 20:09, 18 May 2021 (UTC)

The motivation behind including that property is that otherwise the blank space around the icon would also include the link, which may be unexpeceted. --SnorlaxMonster 13:48, 21 May 2021 (UTC)

Staff member highlighting

Is there any actual reason to use the !important keyword for the padding-left property? If there is no such reason, it might be good to remove that keyword from the property.

The reason I'm asking is because I want to have, just for me, a custom way to highlight staff members's usernames, which is to apply everywhere inside the div#content block, not just in the Recent Changes. I am honestly making too many edits to the CSS in an attempt to circumvent the left padding by using a more specific selector, and !important. To showcase these:

--C.Ezra.M! Or is he actually Keyacom? 11:02, 27 February 2022 (UTC)

It appears I fixed the issue myself, but the question remains to be answered. --C.Ezra.M! Or is he actually Keyacom? 11:26, 27 February 2022 (UTC)