RMS Kanban Board 2 by spazmoose

/* ==UserStyle==
@name         RMS Kanban Board 2
@version      20230217.18.10
@namespace    userstyles.world/user/spazmoose
@description  Restyles the Skyward internal RMS Kanban Board with a tighter layout that reduces screen usage and reduces the need for scrolling.
@author       spazmoose
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://qdevweb.skyward.com/Kanban/Board") {
/* General Page Layout */
body {
    background: none !important;
    background-attachment: fixed;
    /*background-color: lightgray !important;*/
    background-image: url("https://picsum.photos/3840/2160/?random") !important;
    background-repeat: no-repeat;
    margin: 1px;
    overflow: hidden;
    height: 100vh;
}

.Page { max-height: 100vh; }

.slideOverMenu { z-index: 999; }

.TeamInfo { 
    position: fixed;
    width: calc(100% - 20px);
    top: 0;
    z-index: 998;
    overflow: hidden;
}

.ColumnGroup {
    top: 40px !important;
    position: relative;
}

.ProjectAssignedTo, .AssignedToList {
    font-size: 0.8em;
    overflow: hidden;
    width: calc(100% - 10px) !important;
}

.ProjectSubStatus { font-size: 0.8em; }

.ProjectSummary { font-size: 0.85em; height: 2.7em; }

.TriggerNewSprint {
    float: right;
    font-size: 0.5em;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 4px 10px;
}

.Hold:after {
	color: white;
    background: firebrick;
    text-align: center;
    padding: 0px 5px 0px 5px;
    position: absolute;
    top: 5px;
    left: 100px;
    border: 1px solid black;
    text-shadow: none;
	font-size: .9em;
}

.ColumnTitleBar.Collapsed,
.ColumnTitleBar .CollapsibleHeader { background-color: transparent; }

.ColumnTitleBar .CollapsibleHeader:hover { background-color: rgba(56,56,56,0.35); }

.ProgressBar { height: 14px; }

.table.schedule__table { background: white; }

.FlexBoxContainer { 
    border: 0px solid transparent !important;
    border-radius: 0px !important;
}
.FlexBoxContainer > .ColumnContainer {
    border: 0px solid transparent !important;
    border-radius: 0px !important;
}
}

@-moz-document url-prefix("https://qdevweb.skyward.com/Kanban/Board") {
/* Team Info Bar */
.TeamInfo {
    background-color: rgba(56,56,56,0.5);
    margin: 0;
    padding: 0;
}

.TeamInfoText { margin-top: 0; padding-left: 2px; padding-right: 2px; }
.TeamInfoText:first-child { padding-left: 5px; }
.TeamInfoText:last-child { padding-right: 5px; }

#currentUser { display: none; }
}

@-moz-document url-prefix("https://qdevweb.skyward.com/Kanban/Board") {
/* Container Positioning */

/* Row 0 - Invalid Group */
#InvalidGroup { font-size: .7em; }
#InvalidGroup .ProjectSummary { height: 2.5em; }
#InvalidGroup .Project {
    min-height: 61px;
    height: 61px;
    min-width: 145px;
    width: 145px;
}

/* Row 0 - Custom Row */
.CustomStats { float: left; width: 100%; margin-bottom: 1px; }

.ColumnGroup { float: left; width: 100%; }

#BacklogGroup,
#TeamSCAndIQGroup { float: left; width: 50%; }

#ClosedGroup,
#Non-ProgrammingGroup,
#TrainingGroup { float: left; width: 33.33%; }
}

@-moz-document url-prefix("https://qdevweb.skyward.com/Kanban/Board") {
/* Container Sizing */

/* General */
.Column { min-height: 150px; padding: 1px; }
.ColumnTitleBar { margin-left: 5px; }
.ColumnContainer {
    background: rgba(56,56,56,0.25);
    margin: 0;
    margin-right: 1px;
    margin-top: 1px;
    min-height: 30px;
    padding: 0;
}

/* Row 0 - Invalid Group */
#InvalidGroup .FlexBoxContainer { min-height: 75px; }

/* Row 0 - Custom Row */
.CustomStats { min-height: 42px; }

/* Row 1 - Backlog & Service Calls */
#BacklogGroup .Column { max-height: 202px; overflow: auto; }
#TeamSCAndIQGroup .Column { max-height: 200px; overflow: auto; }

/* Row 3 - Programming & Self Review */
#ProgrammingGroup .Column,
#Self-ReviewContainer .Column,
#Self-TestingContainer .Column { max-height: 290px; overflow: auto; }

/* Row 4 - Peer Review */
#PeerReviewPendingContainer .Column,
#PeerReviewDidNotPassContainer .Column,
#BranchTestingContainer .Column { max-height: 171px; overflow: auto; }

/* Row 5 - Code Review */
#CodeReviewPendingContainer .Column,
#CodeReviewDidNotPassContainer .Column,
#MergeContainer .Column { max-height: 171px; overflow: auto; }

/* Row 6 - QA Testing */
#QATestingPendingContainer .Column,
#QATestingDidNotPassContainer .Column,
#CleanupContainer .Column { max-height: 171px; overflow: auto; }

/* Row 7 - Closed, Training, & Non-Programming */
#ClosedGroup .Column,
#TrainingGroup .Column,
#Non-ProgrammingGroup .Column { min-height: 170px; max-height: 170px; overflow: auto; }

/* Container Sizes */
.CollapsibleHeader { height: 34px; max-height: 60px; }
}

@-moz-document url-prefix("https://qdevweb.skyward.com/Kanban/Board") {
/* Card Styling */
.Project, .ServiceCallAndInternalQuestion {
    margin: 0 3px 3px 0;
    width: 174px;
    padding: 5px 3px 5px 3px;
	min-height: 35px;
    max-height: 170px;
}

.ProjectID, .SprintPriority, .TypeCode, .Hold:after { font-size: 0.8em; }
.ProjectSummary { min-height: 2.7em; font-size: 0.75em; }
.ProjectSubStatus { font-size: 0.75em; display: none; min-height: 15px !important;}
.project__menuPath { display: none; }
.PRTypeCode, .ProjectSize, .ActiveDays, .DateNeeded, .TargetRelease { font-size: 0.75em; }

/* Progress Bar */
.ProgressBar__BlueBar { background-color: dimgray; }
.ProgressBar__OverBar { background-color: firebrick; color: white; }
}

@-moz-document url-prefix("https://qdevweb.skyward.com/Kanban/Board") {
/* Card Styling */
.Project, .ServiceCallAndInternalQuestion {
    margin: 0 3px 3px 0;
    width: 174px;
    padding: 5px 3px 5px 3px;
	min-height: 35px;
    max-height: 170px;
}

.ProjectID, .SprintPriority, .TypeCode, .Hold:after { font-size: 0.8em; }
.ProjectSummary { min-height: 2.7em; font-size: 0.75em; }
.ProjectSubStatus { font-size: 0.75em; display: none; min-height: 15px !important;}
.project__menuPath { display: none; }
.PRTypeCode, .ProjectSize, .ActiveDays, .DateNeeded, .TargetRelease { font-size: 0.75em; }

/* Progress Bar */
.ProgressBar__BlueBar { background-color: dimgray; }
.ProgressBar__OverBar { background-color: firebrick; color: white; }
}

@-moz-document url-prefix("https://qdevweb.skyward.com/Kanban/Board") {
/* Project Details Styling */
.ModalButton { margin: 0; min-height: 22px; }
.ModalButton.InlineModalButton.StartAction { background: green; }
.ModalButton.InlineModalButton.StopAction { background: red; }

/* All Tabs */
/* Collapse Arrow */
.ModalContent .CollapsibleHeader:before {
    font-size: 0.75em;
    float: left;
    top: 0;
    padding-right: 5px;
}

.ModalContent .CollapsibleHeader { 
    height: 43px;
    display: inline-table;
    width: calc(100% - 10px);
}

/* Action Tab */
/*.ActionContainer { padding-top: 0; width: 99%; }*/
/* Action Collapsible Region */
.js-actionToolbar .ActionCount { font-size: 0.75em; }
.ModalContent__actions .CollapsibleHeader { height: 25px; }

/* Action Containers */
.ActionDate,
.acceptanceCriteria__type { font-size: 0.75em; float: left;}
.ActionType { font-size: 0.75em; float: right;}
.Action .CollapsibleHeader .ActionContainer,
.acceptanceCriteria__container { font-size: 0.85em; float: left; width: calc(100% - 20px); }

/* Action Notes */
.ModalContent .CollapsibleBody .Action p,
.modal__acceptanceCriteria .ActionNotes p { top: 0; font-size: 0.9em; margin-block-start: 0.5em; margin-block-end: 0.5em; }
}