MediaWiki:Common.css: Difference between revisions
Fix mobile find-a-soldier input height |
Mobile polish: compact edit strip, table scroll, embeds |
||
| Line 241: | Line 241: | ||
margin-top: 0 !important; | margin-top: 0 !important; | ||
box-sizing: border-box !important; | box-sizing: border-box !important; | ||
} | |||
/* Hide find-a-soldier noscript fallback when JS will build the real form */ | |||
.client-js .home-find-fallback { | |||
display: none; | |||
} | |||
/* Soldier edit strip: keep tools, drop long help copy on phones */ | |||
.skin-minerva .soldier-facts-box { | |||
margin: 0.25em 0 0.55em !important; | |||
padding: 0.45em 0.65em !important; | |||
background: transparent !important; | |||
border: none !important; | |||
border-bottom: 1px solid #eaecf0 !important; | |||
max-width: 100% !important; | |||
} | |||
.skin-minerva .soldier-facts-intro, | |||
.skin-minerva .soldier-summary-bar { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 0.35em 0.5em; | |||
align-items: center; | |||
font-size: 90%; | |||
line-height: 1.35; | |||
} | |||
.skin-minerva .soldier-facts-label, | |||
.skin-minerva .soldier-facts-help, | |||
.skin-minerva .soldier-summary-help { | |||
display: none !important; | |||
} | |||
.skin-minerva .soldier-summary-bar { | |||
margin: 0.4em 0 0 !important; | |||
padding-top: 0.4em !important; | |||
border-top: 1px solid #eaecf0 !important; | |||
} | |||
.skin-minerva .soldier-facts-toggle, | |||
.skin-minerva .soldier-summary-toggle { | |||
font-size: 90%; | |||
padding: 0.3em 0.55em; | |||
} | |||
/* Wide tables: swipe sideways instead of blowing out the page */ | |||
.skin-minerva .mw-parser-output .wikitable, | |||
.skin-minerva .mw-parser-output table.cargoTable, | |||
.skin-minerva .mw-parser-output .rb-wide-table, | |||
.skin-minerva .mw-parser-output .jquery-tablesorter { | |||
display: block; | |||
width: 100%; | |||
max-width: 100%; | |||
overflow-x: auto; | |||
-webkit-overflow-scrolling: touch; | |||
box-sizing: border-box; | |||
} | |||
.skin-minerva .mw-parser-output img, | |||
.skin-minerva .mw-parser-output .mw-file-element { | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
/* Shorter Drive / Form embeds on phones */ | |||
.skin-minerva .drive-folder-frame { | |||
min-height: 220px !important; | |||
height: 42vh !important; | |||
max-height: 380px !important; | |||
} | |||
.skin-minerva .google-form-frame { | |||
min-height: 260px !important; | |||
height: 52vh !important; | |||
max-height: 480px !important; | |||
} | |||
.skin-minerva .drive-folder-fallback, | |||
.skin-minerva .google-form-fallback { | |||
font-size: 95%; | |||
margin: 0.5em 0.75em; | |||
} | |||
/* Separate site hubs in the hamburger from Home / Random */ | |||
.skin-minerva #p-ritchie { | |||
border-top: 1px solid rgba(0, 0, 0, 0.08); | |||
margin-top: 0.25em; | |||
padding-top: 0.25em; | |||
} | } | ||
| Line 724: | Line 805: | ||
} | } | ||
.drive-folder-frame { | .drive-folder-frame { | ||
min-height: | min-height: 240px; | ||
height: | height: 45vh; | ||
max-height: 400px; | |||
} | } | ||
.google-form-frame { | .google-form-frame { | ||
min-height: | min-height: 280px; | ||
height: | height: 55vh; | ||
max-height: 500px; | |||
} | |||
.mw-parser-output .wikitable, | |||
.mw-parser-output table.cargoTable { | |||
display: block; | |||
width: 100%; | |||
max-width: 100%; | |||
overflow-x: auto; | |||
-webkit-overflow-scrolling: touch; | |||
} | } | ||
} | } | ||