Skip to content

RMS Kanban Board 2 by spazmoose

Details

Authorspazmoose

LicenseNo License

Categoryskyward.com

Created

Updated

Size7.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Restyles the Skyward internal RMS Kanban Board with a tighter layout that reduces screen usage and reduces the need for scrolling.

Notes

Restyles the Skyward internal RMS Kanban Board with a tighter layout that reduces screen usage and reduces the need for scrolling.

Source code

/* ==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; }
}

Reviews

No reviews yet.