Phoenix Jira Board by phoenix

/* ==UserStyle==
@name           Phoenix Jira Board
@namespace      phoenix.kn
@version        1.0.7
@description    use the available space more efficiently
@author         Phoenix
==/UserStyle== */

@-moz-document url-prefix("https://jira.int.kn/secure/RapidBoard.jspa?rapidView=4243") {

.ghx-column {
    min-width: 50px;
}
.ghx-issue-fields .ghx-summary .ghx-inner {
    max-height: none !important;
}
    
/* Move avatar to the top right of the issue card. */
.ghx-issue .ghx-avatar {
    right: 3px;
    top: 3px;
}
/* Prevent issues when browser window is to narrow. */
.ghx-band-1 .ghx-issue .ghx-avatar {
    position: absolute;
    display: block;
}
/* Keep avatar bigger when window is small. */
.ghx-band-1 .ghx-issue .ghx-avatar-img {
  height: 24px;
  width: 24px;
  min-width: 24px;
}
    
.ghx-type {
    display: none;
}
.ghx-flags {
    display: none;
}
.ghx-issue .ghx-highlighted-fields {
    padding-right: 0;
    white-space: normal;
}
.ghx-issue .ghx-highlighted-fields .ghx-highlighted-field {
    max-width: 100%;
}
.aui-label {
    margin: 0;
}
.ghx-issue.ghx-has-avatar .ghx-issue-fields {
    padding-right: 0;
}
.ghx-columns {
    display: table !important;
}
.ghx-column-headers {
    display: table !important;
}
.ghx-zone-overlay-table {
    display: table !important;
}
.ghx-issue .ghx-card-footer div:not(:last-child) {
    margin-right: 0;
}
.ghx-issue .ghx-extra-fields .ghx-extra-field {
    overflow: visible;
    white-space: normal;
}
.ghx-issue .ghx-extra-fields {
    margin-top: 0;
    color: gray;
    font-size: small;
}
.ghx-issue .ghx-card-footer {
    margin-top: 0;
}
.ghx-issue .ghx-highlighted-fields {
    margin-top: 5px;
}

.ghx-days b {
    height: 0;
    width: 0;
}
    
/* Make some extra space for the Issue key when in a small window. */
.ghx-band-1 .ghx-key-link-project-key {
    font-size: 9px;
}

/* Display days in column as number for all columns but the ToDo column. */
li:not([data-column-id="32501"]) .ghx-days::before {
    content: attr(title);
    display: block;
    position: absolute;
    right: 3px;
    bottom: 3px;
    font-size: medium;
    text-align: right;
    color: #000;
    overflow: hidden;
    width: 25px;
    height: 20px;
    direction: rtl;
    white-space: pre-wrap;
}

/* Add hightlighter to item remaining too long in a ready column. */
.ghx-days {
     padding-right: 5px;
}
    
li[data-column-id="32509"] .ghx-days b,
li[data-column-id="32513"] .ghx-days b,
li[data-column-id="32521"] .ghx-days b {
    width: 100% !important;
    border-bottom: 5px solid #FF0000;
}
li[data-column-id="32509"] .ghx-days-0 b,
li[data-column-id="32513"] .ghx-days-0 b,
li[data-column-id="32521"] .ghx-days-0 b {
    width: 100% !important;
    border-bottom: none;
}
li[data-column-id="32509"] .ghx-days-1 b,
li[data-column-id="32513"] .ghx-days-1 b,
li[data-column-id="32521"] .ghx-days-1 b {
    width: 100% !important;
    border-bottom: 1px solid #FF0000;
}
li[data-column-id="32509"] .ghx-days-2 b,
li[data-column-id="32513"] .ghx-days-2 b,
li[data-column-id="32521"] .ghx-days-2 b {
    width: 100% !important;
    border-bottom: 2px solid #FF0000;
}
li[data-column-id="32509"] .ghx-days-3 b,
li[data-column-id="32513"] .ghx-days-3 b,
li[data-column-id="32521"] .ghx-days-3 b {
    width: 100% !important;
    border-bottom: 3px solid #FF0000;
}
li[data-column-id="32509"] .ghx-days-4 b,
li[data-column-id="32513"] .ghx-days-4 b,
li[data-column-id="32521"] .ghx-days-4 b {
    width: 100% !important;
    border-bottom: 4px solid #FF0000;
}

/* Keep collapsed swimlanes visible at the bottom. */
.ghx-swimlane.ghx-closed {
    position: sticky;
    bottom: 0px;
}

/* Make renovate swimlane more visible. */
div[swimlane-id="20731"] .ghx-swimlane-header .ghx-heading {
    margin: 3px 0 !important;
    font-size: large;
}

/* Remove print button from column headers. */
.SpartezAC-print {
    display: none;
}
    
/* Hide Updated date everywhere but in the done column. */
li:not([data-column-id="32517"]) .ghx-extra-field-row:first-child {
    display: none;
}
         
/* Make color inidicator for issue links more visible. */
.ghx-grabber {
    width: 8px !important;
}
    
/* Make story title visible for detached subtasks. */
.ghx-parent-stub .ghx-group {
    display: grid;
    height: unset;
    white-space: normal;
}
.ghx-parent-stub .ghx-summary {
    text-overflow: unset;
    overflow: visible;
    padding: 0px 8px;
}

/* Implement WIP limits via CSS to address subtasks and issues explicitly.
    column IDs:
        32501 TO DO
        32507 IN DEV
        32509 READY
        32511 TECH REVIEW
        32513 READY
        32515 ACCEPTANCE
        32521 READY
        32524 MERGED & DEPLOYING
        39187 ZZ.. FOR PRODUCTION
        32517 DONE
    relevant classes
        ghx-subtask-group: subtasks
        ghx-issue: stories
        ghx-flagged: when flagged (yellow; impediment)
*/
.ghx-limits {
    display: none !important;
}

.ghx-column-headers .ghx-column.ghx-busted-max {
    background: #fff;
}
    
.ghx-column-header-left:after {
    background: var(--aui-lozenge-subtle-bg-color);
    border-radius: 3px;
    color: #5e6c84;
    margin-left: auto;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    padding: 2px 5px 3px;
    display: flex;
}

@counter-style bomb {
  system: cyclic;
  symbols: 💣;
}
@counter-style bomb2 {
  fallback: bomb;
  system: fixed -1;
  symbols:  💣;
}
@counter-style max-1 {
  fallback: bomb2;
  system: fixed 0;
  symbols: ;
}
@counter-style max-2 {
  fallback: bomb2;
  system: fixed 0;
  symbols:  ;
}
@counter-style max-3 {
  fallback: bomb2;
  system: fixed 0;
  symbols:   ;
}
@counter-style max-5 {
  fallback: bomb2;
  system: fixed 0;
  symbols:     ;
}

li[data-column-id]:after
{
    position: absolute;
    top: -50px;
    left: 50%;
    font-size: 40px;
    z-index: 999999;
    margin-left: -20px;
}
li[data-column-id]
{
	counter-reset: issueCounter -1;
}      
li[data-column-id] .ghx-issue:not(.ghx-issue-subtask)
{
	counter-increment: issueCounter;
}

li[data-id="32507"] .ghx-column-header-left:after {
    content: "MAX 5";
}
li[data-column-id="32507"]:after
{
    content: counters(issueCounter, ".", max-5);
}

li[data-id="32509"] .ghx-column-header-left:after {
    content: "MAX 2";
}
li[data-column-id="32509"]:after
{
    content: counters(issueCounter, ".", max-2);
}

li[data-id="32511"] .ghx-column-header-left:after {
    content: "MAX 5";
}
li[data-column-id="32511"]:after
{
    content: counters(issueCounter, ".", max-5);
}
  
li[data-id="32513"] .ghx-column-header-left:after {
    content: "MAX 2";
}
li[data-column-id="32513"]:after
{
    content: counters(issueCounter, ".", max-2);
}

li[data-id="32515"] .ghx-column-header-left:after {
    content: "MAX 3";
}
li[data-column-id="32515"]:after
{
    content: counters(issueCounter, ".", max-3);
}
    
/** Count all issues that are currently worked on and display the sum. Currently only works in Firefox...
 * Exclude: TODO 32501 + DONE 32517
 */
body
{
	counter-reset: totalStoryCounter 0 totalSubtaskCounter 0;
}
li[data-column-id]:not([data-column-id="32501"]):not([data-column-id="32517"]) .ghx-issue:not(.ghx-issue-subtask)
{
	counter-increment: totalStoryCounter issueCounter;
}
li[data-column-id]:not([data-column-id="32501"]):not([data-column-id="32517"]) .ghx-issue.ghx-issue-subtask
{
	counter-increment: totalSubtaskCounter;
}

@supports (-moz-appearance:none)
{
    #ghx-pool:after
    {
        content: "total visible stories in progress: " counters(totalStoryCounter, ".") " / total visible subtasks in progress: " counters(totalSubtaskCounter, ".");
        position: absolute;
        top: 0px;
        right: 26px;
        z-index: 999999;
        font-weight: bold;
        font-size: 2em;

        }
    }
    
}