DOCS: changes table responsiveness

- changes table elements to display as block when screen is too small
- adds classes to tables
This commit is contained in:
cadihowley 2021-04-13 12:32:24 +12:00 committed by Cadi
parent c204911add
commit 497e933a43
11 changed files with 106 additions and 32 deletions

View File

@ -1,6 +1,62 @@
/* override table width restrictions */
/* word wrapping */
@media (min-width: 385px){
.std, .std-ref, .head {
word-wrap: break-word
}
p {
word-wrap: break-word;
}
/* changes table to block element when screen size is small*/
@media screen and (min-width:770px) and (max-width:900px), screen and (min-width:200px) and (max-width:600px){
table, thead, tbody, th, td, tr{
display:block
}
thead tr {
position:absolute;
top: -9999px;
left: -9999px;
}
td {
border: none;
position: relative;
padding-left: 40% !important;
}
td:before{
position: absolute;
top: 6px;
left: 6px;
width: 35%;
padding-right: 10px;
white-space: nowrap;
}
td:empty {
min-height: 2rem;
}
.config td:nth-of-type(1):before { content: "Key";}
.config td:nth-of-type(2):before { content: "Type";}
.config td:nth-of-type(3):before { content: "Default";}
.config td:nth-of-type(4):before { content: "Description/Options";}
.command td:nth-of-type(1):before { content: "Option"}
.command td:nth-of-type(2):before { content: "Short"}
.command td:nth-of-type(3):before { content: "Description"}
.controls td:nth-of-type(1):before { content: "Control"}
.controls td:nth-of-type(2):before { content: "Action"}
.touch td:nth-of-type(1):before { content: "Touch"}
.touch td:nth-of-type(2):before { content: "Action"}
}
/* override table width */
@media (min-width: 385px) {
.wy-table-responsive table td {
white-space: normal !important;

View File

@ -103,7 +103,8 @@ Option parameters are shown below in capitals, and need to be replaced with real
Short options are listed where they are available.
.. csv-table::
:widths: 35 10 55
:widths: 35 15 50
:class: command
:header-rows: 1
Option,Short,Description

View File

@ -131,8 +131,8 @@ Configuration keys
There are many recognized configuration keys. In the table below, each key is either linked to an explanatory description in the Settings pages, or has further information in the **Decription/Options** column.
.. csv-table::
:widths: 37 13 25 25
:header-rows: 1
:class: config
Key,Type,Default,Description/Options
alsa_port,integer,,Specifies which ALSA port ScummVM uses when using the ALSA music driver (Linux).

View File

@ -70,6 +70,7 @@ Controls can also be manually configured in the :doc:`Keymaps tab <../settings/k
.. csv-table::
:header-rows: 1
:class: controls
Touch screen control, Action
One finger tap, Left mouse button click

View File

@ -165,10 +165,10 @@ Controls
============
.. csv-table::
:widths: 40 60
:header-rows: 2
:widths: 40 60
:header-rows: 1
:class: controls
Game Controller Mapping,
Touch screen control, Action
One finger tap, Left mouse click
:ref:`twofinger`, Right mouse click

View File

@ -50,6 +50,7 @@ Controls can also be manually configured in the :doc:`Keymaps tab <../settings/k
.. csv-table::
:widths: 50 50
:header-rows: 1
:class: controls
Game Controller Mapping:,
Button,Action

View File

@ -45,7 +45,9 @@ These controls can also be manually configured in the :doc:`Keymaps tab <../sett
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M2 8a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H2.75A.75.75 0 012 8z"></path></svg>
.. csv-table::
:header-rows: 1
:widths: 50 50
:header-rows: 1
:class: controls
Button,Action
Left stick,Mouse
@ -64,10 +66,13 @@ These controls can also be manually configured in the :doc:`Keymaps tab <../sett
|minus|,Toggle virtual keyboard
|minus| + R button,AGI predictive input dialog
Touch Controls (Touchpad Mouse Mode Off, Default)
**************************************************
.. csv-table::
:header-rows: 2
:class: touch
"Touch Controls (Touchpad Mouse Mode Off, Default)",
Touch,Action
Short single finger tap,Move pointer to finger position and left mouse button click
Short second finger tap while holding one finger,Move pointer to first finger position and right mouse button click
@ -75,10 +80,12 @@ These controls can also be manually configured in the :doc:`Keymaps tab <../sett
`Two finger drag`_ ,Move pointer while left mouse button is held down (drag and drop). The pointer directly follows the first finger. The drag is ended when the last finger is removed.
`Three finger drag`_ ,Move pointer while right mouse button is held down (drag and drop). The pointer directly follows the first finger. The drag is ended when the last finger is removed.
Touch Controls (Touchpad Mouse Mode On)
***************************************
.. csv-table::
:header-rows: 2
:header-rows: 1
:class: touch
Touch Controls (Touchpad Mouse Mode On),
Touch,Action
Short single finger tap,Left mouse button click
Short second finger tap while holding one finger,Right mouse button click

View File

@ -59,6 +59,7 @@ Default control map
.. csv-table::
:widths: 50 50
:header-rows: 2
:class: controls
Touchscreen:,
Buttons/Control,Action

View File

@ -55,11 +55,11 @@ These controls can also be manually configured in the :doc:`Keymaps tab <../sett
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path d="M11.574 3.712c.195-.323.662-.323.857 0l9.37 15.545c.2.333-.039.757-.429.757l-18.668-.006c-.385 0-.629-.422-.428-.758l9.298-15.538zm.429-2.483c-.76 0-1.521.37-1.966 1.111l-9.707 16.18c-.915 1.523.182 3.472 1.965 3.472h19.416c1.783 0 2.879-1.949 1.965-3.472l-9.707-16.18c-.446-.741-1.205-1.111-1.966-1.111z"/></svg>
.. csv-table::
:header-rows: 2
:widths: 50 50
:header-rows: 1
:class: controls
Game Controller Mapping,
Button,Action
R button,Modifier key
L button,ESC
@ -77,10 +77,12 @@ These controls can also be manually configured in the :doc:`Keymaps tab <../sett
START,Global Main Menu
START + R button,F5
.. csv-table::
:header-rows: 1
Virtual Keyboard Mode
**********************
Virtual Keyboard Mode,
.. csv-table::
:class: controls
START,Enter. Also exits virtual keyboard mode
SELECT,Exits the virtual keyboard mode
R button,Input: lowercase/uppercase letters (press to toggle)
@ -89,19 +91,22 @@ These controls can also be manually configured in the :doc:`Keymaps tab <../sett
|triangle| |x| |circle| |square| and L/R buttons,Chooses a specific character in the square. The four center characters are chosen by the button in the corresponding position. The 2 top characters are chosen by the L/R buttons.
Analog stick,Moves in a direction (left/right/up/down)
.. csv-table::
:header-rows: 1
Image Viewer
**************
.. csv-table::
:class: controls
Image Viewer,
Left/right directional buttons,Previous/next image
Up/down directional buttons ,Zooms in/out
Analog stick,Moves around the image
"L/R buttons + START",Exits image viewer
1st Person Game Mode
**************************
.. csv-table::
:header-rows: 1
:class: controls
1st Person Game Mode ,
|square| + R button + L button,Enables 1st Person Mode
|square|,Modifier key (instead of R button)
L/R button,Strafes left/right

View File

@ -59,6 +59,7 @@ These controls can also be manually configured in the :doc:`Keymaps tab <../sett
.. csv-table::
:widths: 50 50
:header-rows: 2
:class: controls
Game Controller Mapping,
Button,Action

View File

@ -96,18 +96,19 @@ Default control map
.. csv-table::
:header-rows: 2
:class: controls
Game Controller Mapping:,,
Button,Action,Notes
Joystick,Moves pointer,
Directional pad,Moves pointer slowly, Also controls the on-screen keyboard
Ⓐ,Left Click,
Ⓑ,Right Click,
Ⓨ,Spacebar,Pause
Start,F5,Load and save
Trigger L,Toggles the virtual keyboard on/off,
Ⓧ,5,For boxing in Indiana Jones and the Last Crusade
Ⓧ + Directional pad,"1, 2, 3, 4, 6, 7, 8, 9",For boxing in Indiana Jones and the Last Crusade
Button,Action
Joystick,Moves pointer
Directional pad,"Moves pointer slowly. Also controls the on-screen keyboard"
Ⓐ,Left Click
Ⓑ,Right Click
Ⓨ,"Pause"
START,"Load and save"
Trigger L,Toggles the virtual keyboard on/off
Ⓧ,"5 - used for boxing in Indiana Jones and the Last Crusade"
Ⓧ + Directional pad,"1, 2, 3, 4, 6, 7, 8, 9 - used for boxing in Indiana Jones and the Last Crusade"
The mouse cursor is controlled with the standard Dreamcast controller. The Dreamcast mouse and keyboard peripherals are also supported.