Expand Chatwork box description.

Expand Chatwork box description
目前为 2020-10-17 提交的版本。查看最新版本。
换行
// ==UserScript==
// @name Expand Chatwork box description.
// @namespace Chatwork
// @icon https://appdata.chatwork.com/avatar/1311/1311129.png
// @grant    GM_addStyle
// @run-at document-start
// @match *://www.chatwork.com/*
// @version 0.1.2
// @description Expand Chatwork box description
// ==/UserScript==


GM_addStyle(`
    .h-100 {
      height: 100% !important;
    }

    .w-100 {
      width: 100% !important;
    }

    .pr-0 {
      padding-right: 0 !important;
    }

    .pr-0 {
      overflow-y: scroll !important;
    }

    .expand-desc {
      width: 100% !important;
      padding-right: 0 !important;
      overflow-y: scroll !important;
    }
    .triangle {
      margin-top: 5px;
      margin-left: 5px;
      border-bottom: 10px solid #000000;
      border-left: 6px solid rgba(0, 0, 0, 0);
      border-right: 6px solid rgba(0, 0, 0, 0);
      content: "";
      display: inline-block;
      height: 0;
      vertical-align: top;
      width: 0;
      transform: rotate(120deg);
    }
    .rotate-180 {
      transform: rotate(180deg);
    }
`);

function expandDescriptionEl()
{
  $(function () {
    if ($('#collapse-desc-icon').length == 0) {
      $('.roomDescription__headerText').append('<span id="collapse-desc-icon" class="triangle"></span>');
    }
    
    $('.roomDescription__body').click(function () {
      $('.descriptionContents_overflow').addClass('h-100');
      $('#collapse-desc-icon').addClass('rotate-180');
    });

    $('#_RoomDescriptionArea').on('mouseout mousemove', function () {
      $('#_subContentArea').addClass('expand-desc');
    });
    
    $('.roomDescription__headerText').click(function () {
      $('#_subContentArea').toggleClass('expand-desc');
      $('.descriptionContents_overflow').toggleClass('h-100');
      $('#collapse-desc-icon').toggleClass('rotate-180');
    });
    
    $('.roomDescription__headerText').css('cursor', 'pointer');
  });
}
document.addEventListener("DOMContentLoaded", function(event) {
  expandDescriptionEl();
  setTimeout(function () {
    expandDescriptionEl();
  }, 5000);
});
欢迎访问Greasy Fork镜像
