☰

Trello styles by chapaev.css

show label titles, minifi card elements to one row, card wider, no checklist strike

  1. // ==UserScript==
  2. // @name         Trello styles by chapaev.css
  3. // @namespace    https://openuserjs.org/install/vasilychapaev/Trello_styles_by_chapaev.css.user.js
  4. // @version      0.2
  5. // @description  show label titles, minifi card elements to one row, card wider, no checklist strike
  6. // @author       Vasily Chapaev, vasilychapaev@gmail.com
  7. // @match        https://trello.com/*
  8. // ==/UserScript==
  9.  
  10. var css = `
  11. /* labels title - show */
  12. .list-card-labels .card-label {
  13.     font-weight: normal;
  14.     font-size: 10px;
  15.     height: 12px !important;
  16.     line-height: 10px !important;
  17.     padding: 0 3px;
  18.     margin: 0 3px 0 0;
  19.     text-shadow: none;
  20.     width: auto;
  21.     max-width: 50px;
  22. }
  23.  
  24. /* labels + title + icons - one row = mini UI */
  25. .list-card-labels {
  26.     float: left;
  27.     margin: 3px 0;
  28. }
  29. .list-card-title {display: inline;}
  30.  
  31. /* checklist count - green>gray */
  32. .badge.is-complete {background-color: #EDEFF0;}
  33.  
  34. /* card - wider */
  35. .window {width: 830px;}
  36. .window-main-col {width: 646px;}
  37.  
  38. /* card - "edit" link hide */
  39. .card-detail-item-header, .card-detail-item-header-edit {display: none;}
  40.  
  41. /* checklist - strike remove */
  42. .checklist-item-state-complete .checklist-item-details-text {text-decoration: none;}
  43. }
  44. `;
  45.  
  46.  
  47. insertCss(css);
  48.  
  49.  
  50. function insertCss( code ) {
  51.     var style = document.createElement('style');
  52.     style.type = 'text/css';
  53.  
  54.     if (style.styleSheet) {
  55.         // IE
  56.         style.styleSheet.cssText = code;
  57.     } else {
  58.         // Other browsers
  59.         style.innerHTML = code;
  60.     }
  61.  
  62.     document.getElementsByTagName("head")[0].appendChild( style );
  63. }