☰

MovieChat.org - Mobile Companion

A more compact view for MovieChat.org on mobile.

目前为 2017-05-05 提交的版本。查看 最新版本。

// ==UserScript==
// @name         MovieChat.org - Mobile Companion
// @version      1.18
// @description  A more compact view for MovieChat.org on mobile.
// @author       RandomUsername404
// @match        https://moviechat.org/*
// @require      http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
// @run-at       document-start
// @grant        none
// @icon         http://moviechat.org/favicons/favicon.ico

// @namespace https://greasyfork.org/users/105361
// ==/UserScript==

$(document).ready(function() {   
    var width = $(window).width();

    // If current width <= 770px :
    if(width <= 770)
    {
        $('.container').css('padding-right', '0px');
        $('.container').css('padding-left', '0px');
        $('.container').css('margin-right', '0');
        $('.container').css('margin-left', '0');
        $('.container').css('width', '100%');
        
        // Move the logo slightly on the right :
        $('#logo').css('margin-left', '1em');

        // Slightly move the navbar :
        $('.navbar-right').css('margin-right', '0px');
        
        // Reduce the top-bar size :
        $('.col-md-12').css('height', '4.8em');
        $('.navbar').css('height', '4.8em');
        $('.container').css('margin-top', '-0.7em');

        // (Only on message boards view)
        if (document.URL.length < 45)
        {   // Hide position
            $("#wrap > div.main > div > div > div:nth-child(2)").hide();
        } 
        
        // Hide the description and add a button to display it when requested :
        var descriptionButton = $('<input type="button" value="Overview" id="despBtn" class="btn btn-yellow btn-block" onclick="this.blur();"/>');
        descriptionButton.insertBefore($(".movie-overview"));
        $(".movie-overview").hide();
        
        $("#despBtn").click(function(){
        $(".movie-overview").toggle();
        });
        
        // Make the author's name visible when possible:
        if(width >= 450)
            {
                var authorDiv = $(".col-xs-3:last-child");
                (authorDiv).removeClass('hidden-xs');
                $('.col-xs-3').css('width', '16%');
                $(authorDiv).css('width', '18%');
                $(authorDiv).css('text-align', 'left');
                $(authorDiv).css('overflow', 'hidden');
                $(authorDiv).css('text-overflow', 'ellipsis');
            }    
    }
    
})();