phabricator stylish

_what.md

What

Phabricator style for stylish (applicable to stylebot and others if you remove the moz declarations) to make it more space efficient.

See https://userstyles.org/styles/112977/wikimedia-phabricator-condensed

• Workboard
  • Columns are smaller
  • Removed sprint clutter, made font bigger, removed spacing. Made avatars bigger, made edit button smaller, moved task number out of the way
• Task view
  • Collapsed long vertical key value pairs and vertical menus.

stylish.css

@-moz-document domain("phabricator.wikimedia.org") {
body, input, textarea {
    font-size: 15px;
}
/**
body, input, textarea {
font-size: 20px;
}
input, textarea {
font-size: 25px;
}
.phui-header-view, .phui-header-status {
font-size: 25px!important;
}/**/
/* Actions list collapsed on desktop */
.device-desktop .phui-box .phabricator-action-list-view {
    display:flex; flex-wrap: wrap; justify-content: space-around;
}
.device-desktop .phabricator-action-view {

}
/* properties list collapsed and in 2 columns on desktop & tablet */
.device-desktop .phui-box .phui-property-list-properties,
.device-tablet .phui-box .phui-property-list-properties { display: flex; flex-wrap:wrap; }
.device-desktop .phui-box .phui-property-list-key,
.device-tablet .phui-box .phui-property-list-key,
.device-desktop .phui-box .phui-property-list-value,
.device-tablet .phui-box .phui-property-list-value{
    clear: none; float: none;
    margin: 0;
    box-sizing: border-box;
    padding: 3px 1%;
}
.device-desktop .phui-box .phui-property-list-key,
.device-tablet .phui-box .phui-property-list-key { width: 18%; }
.device-desktop .phui-box .phui-property-list-value,
.device-tablet .phui-box .phui-property-list-value { width: 32%; }

/* distribute space between actions and properties */
.device-desktop .phui-box .phui-property-list-actions { width: 30%; }
.device-desktop .phui-box .phui-property-list-properties-wrap  { width: 68%/*remove 2 points because phab...*/; }

/* fix header (subheader to the right, there is plenty of space) */
.phui-box h1 .phui-header-subheader {
    float: right;
    margin: 0 5px 0 0;
}
.phui-object-box .phui-header-shell h1 { font-size: 1.4em; }

/* make fucking points smaller in cards view */
.phui-workpanel-body .phui-object-item-table-row>.phui-object-item-col1>.phui-object-item-content .phui-property-list-container {
    display: inline; padding: 0;
    position: absolute;
    bottom: 0;
    left: 8px;
    font-size: 80%;
    line-height: 0.8;
}

/* card photos */
.phui-workpanel-body .phui-object-item-image-icon {
    width: 50px;
    height: 50px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index:0;
}
.phui-workpanel-body .phui-object-item-image-icon>.phui-object-item-handle-icon {
    background-size: cover;
    background-position: 50%;
    background-repeat: repeat;
    margin: 0px;
    width: 100%;
    height: 100%;
}
/* card design */
.phui-workpanel-body .phui-object-item-with-image-icon .phui-object-item-content-box {
    margin-left: 0;
    position: relative;
    z-index: 10;
}
/* make space for points and task number at the bottom of the card */
.phui-workpanel-body .phui-object-item .phui-object-item-content-box .phui-object-item-col1 {
    padding-bottom:10px;
}
/* hide the fucking points label */
.phui-workpanel-body .phui-object-item .phui-object-item-content-box .phui-object-item-col1 .phui-card-list-key {
    display: none;
}

.phui-workpanel-body .phui-object-item-frame>.phui-object-item-actions {
    top: auto; height: 24px; bottom: 2px; right: 2px; background-color: rgba(255, 255, 255, 0.8);
    z-index: 10;
}
.phui-workboard-view .phui-object-item-table { position: relative; }
.phui-workboard-view .phui-object-item .phui-object-item-objname { 
    position: absolute;
    bottom: 0;
    right: 10px;
    font-size: 0.7em;
    z-index: 10;
}
/* not bold links in cards please */
.phui-workboard-view .phui-object-item .phui-object-item-link { font-weight: normal; }
/* workboard columns width */
.phui-workboard-view .aphront-multi-column-fixed .phui-workpanel-body, .phui-workboard-view .aphront-multi-column-fixed .aphront-multi-column-column-outer, .aphront-multi-column-fixed .phui-workpanel-view {
    width: 200px;
}
/* Remove width on the header of a column. */
.phui-workpanel-view .phui-header-shell {
    width: auto;
}
/* workboard gap between title/filters and board too big */
.device-desktop .phui-workboard-view-shadow {
    top: 100px;
}
/* Why the fuck are pre tags and code blocks so small */
.phabricator-remarkup .remarkup-code-block, .phabricator-remarkup .remarkup-code-block pre,
.PhabricatorMonospaced, .phabricator-remarkup .remarkup-code-block .remarkup-code {
    font-size: 1em;
}
/* Use the browsers default monospaced font */
.phabricator-remarkup .remarkup-code-block, .phabricator-remarkup .remarkup-code-block pre,
.PhabricatorMonospaced, .phabricator-remarkup .remarkup-code-block .remarkup-code {
    font-family: monospace;
}
}