Template talk:AbilityScoreModifierTable: Difference between revisions

From bg3.wiki
Jump to navigation Jump to search
No edit summary
m (Fixed the display issue of sample layout on desktop view through a million more padding instructions)
Line 5: Line 5:
|+ Ability Score Modifier Chart
|+ Ability Score Modifier Chart
|-
|-
! <small>Ability Score:</small> || <small>0</small> || <small>1</small> || <small>2</small> || <small>3</small> || <small>4</small> || <small>5</small> || <small>6</small> || <small>7</small> || <small>8</small> || <small>9</small> || <small>10</small> || <small>11</small> || <small>12</small> || <small>13</small> || <small>14</small> || <small>15</small> || <small>16</small> || <small>17</small> || <small>18</small> || <small>19</small> || <small>20</small> || <small>21</small> || <small>22</small> || <small>23</small> || <small>24</small> || <small>25</small> || <small>26</small> || <small>27</small> || <small>28</small> || <small>29</small> || <small>30</small>
! <small>Ability Score:</small> || style="padding: 8px" | <small>0</small> || style="padding: 8px" | <small>1</small> || style="padding: 8px" | <small>2</small> || style="padding: 8px" | <small>3</small> || style="padding: 8px" | <small>4</small> || style="padding: 8px" | <small>5</small> || style="padding: 8px" | <small>6</small> || style="padding: 8px" | <small>7</small> || style="padding: 8px" | <small>8</small> || style="padding: 8px" | <small>9</small> || style="padding: 8px" | <small>10</small> || style="padding: 8px" | <small>11</small> || style="padding: 8px" | <small>12</small> || style="padding: 8px" | <small>13</small> || style="padding: 8px" | <small>14</small> || style="padding: 8px" | <small>15</small> || style="padding: 8px" | <small>16</small> || style="padding: 8px" | <small>17</small> || style="padding: 8px" | <small>18</small> || style="padding: 8px" | <small>19</small> || style="padding: 8px" | <small>20</small> || style="padding: 8px" | <small>21</small> || style="padding: 8px" | <small>22</small> || style="padding: 8px" | <small>23</small> || style="padding: 8px" | <small>24</small> || style="padding: 8px" | <small>25</small> || style="padding: 8px" | <small>26</small> || style="padding: 8px" | <small>27</small> || style="padding: 8px" | <small>28</small> || style="padding: 8px" | <small>29</small> || style="padding: 8px" | <small>30</small>
|-
|-
! <small>Modifier Value: || colspan="2" | <small>-5</small> || colspan="2" | <small>-4</small> || colspan="2" | <small>-3</small> || colspan="2" | <small>-2</small> || colspan="2" | <small>-1</small> || colspan="2" | <small>+0</small> || colspan="2" | <small>+1</small> || colspan="2" | <small>+2</small> || colspan="2" | <small>+3</small> || colspan="2" | <small>+4</small> || colspan="2" | <small>+5</small> || colspan="2" | <small>+6</small> || colspan="2" | <small>+7</small> || colspan="2" | <small>+8</small> || colspan="2" | <small>+9</small> || colspan="2" | <small>+10</small>
! <small>Modifier Value: || colspan="2" | <small>-5</small> || colspan="2" | <small>-4</small> || colspan="2" | <small>-3</small> || colspan="2" | <small>-2</small> || colspan="2" | <small>-1</small> || colspan="2" | <small>+0</small> || colspan="2" | <small>+1</small> || colspan="2" | <small>+2</small> || colspan="2" | <small>+3</small> || colspan="2" | <small>+4</small> || colspan="2" | <small>+5</small> || colspan="2" | <small>+6</small> || colspan="2" | <small>+7</small> || colspan="2" | <small>+8</small> || colspan="2" | <small>+9</small> || <small>+10</small>
|}
|}



Revision as of 19:44, 26 October 2023

Optimal layout for readability?

Seeing in the history of this template and the fact it was once just an incredibly tall column certainly, breaking it into two like so certainly makes more sense from a page layout perspective. However, I find the fact it has duplicate headers that logically follow directly on from one another but are spatially separated makes it a little more awkward to comprehend than necessary. To remedy both of these issues, I propose an unbroken completely horizontal layout instead, like so:

Ability Score Modifier Chart
Ability Score: 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
Modifier Value: -5 -4 -3 -2 -1 +0 +1 +2 +3 +4 +5 +6 +7 +8 +9 +10

An additional idea would be to embolden the text of Ability Score "10" to allow the eye to pick it out as a central reference point, given as it is the 'neutral mark' on the ability score scale.

- unsigned comment by AstraTheDragon (talk) 20:33, 26 October 2023

I feel like you've discovered for yourself the very reason why we would rather have a tall ability table than a wide one. Even with the font size changes the table hangs off of my view because I look at the wiki with half monitor. I personally favour the current compact template over both a single vertical and single horizontal table, though I might just be biased because it's the one I've always seen
-Sky (talk) 20:39, 26 October 2023 (CEST)Reply[reply]
Using a horizontal table would cause problems for mobile users, and isn't very accessibility friendly. Willowisp (talk) 20:42, 26 October 2023 (CEST)Reply[reply]