FANDOM


Nuvola apps important
This script is for PERSONAL use only!
You are free to install this script for yourself, but it is not allowed to be used wiki-wide (e.g., in MediaWiki:Common.js or MediaWiki:Wikia.js), as it would violate FANDOM's Terms of Use.
(See the customization policy)

MobileChat is a mobile skin script for FANDOM Chat. It displays chat in a stacked column layout with an expandable user rail. The skin also supports PMs and moderation actions.

Usage


Compatibility

MobileChat works with mobile devices in portrait mode only, or in desktop view with a narrowed window. The mobile layout applies depending on the screen resolution of the device.

The mobile layout is used based on any of these conditions:

  • the device has a screen resolution of >240dpi,
  • the chat window is 1080px wide, with a screen resolution of 200dpi,
  • the chat window is 720px wide, with a screen resolution of 150dpi,
  • ...or if the chat pane is 480px wide.

Notes

  • This skin does not support other chat scripts and wiki customizations out of the box.
  • If you need to modify certain elements, use CSS wrapped in one of these media queries:
@media screen and (max-aspect-ratio: 3/4) and (min-resolution: 240dpi), (max-aspect-ratio: 3/4) and (max-width: 1080px) and (min-resolution: 200dpi), (max-aspect-ratio: 3/4) and (max-width: 720px) and (min-resolution: 150dpi), (max-width: 480px) {
    /* mobile-specific code goes here */
}
@media screen and (min-aspect-ratio: 3/4) and (max-resolution: 240dpi), (min-aspect-ratio: 3/4) and (min-width: 1080px) and (max-resolution: 200dpi), (min-aspect-ratio: 3/4) and (min-width: 720px) and (max-resolution: 150dpi), (min-width: 480px) {
    /* desktop-specific code goes here */
}

TODO

  • srcset support for avatars and wordmarks
  • User menu redesign to imitate modern popouts
  • Chat-js toolbar support
  • Modal styling and fixes