Asana Simplification - Admin User 2021 by sastairs

/* ==UserStyle==
@name           Asana Simplification - Admin User 2021
@namespace      asana.com
@version        1.0.0
@description    A style to hide features we do not require in Asana. Specific to our Workflow.
@author         SA Stairs
==/UserStyle== */

@-moz-document domain("asana.com") {
    /**

/* All code that has been sourced from other people was found here https://community.asana.com/t/unhelpful-ui-change-project-tabs-buttons-in-tasks-pushed-down/20394/100 This is a test add on sentecne*/






/*
 *
 *
 * INBOX CUSTOMISATION
 *
 *
 */


.notifications#center_pane_container {
    max-width: 5000px;
}

/*
 *
 *
 * END INBOX CUSTOMISATION -------------------------------
 *
 *
 */



/*
 *
 *
 * PROJECT TASK LIST CUSTOMISATION
 *
 *
 */


/*
 * RIGHT TASK PANE WINDOW CUSTOMISATION
 */


/* Stick the Task Pane Easy Completion Toolbar to always stay at the top
.SingleTaskPaneToolbarEasyCompletion {
    position: sticky;
    top: 0px;
    z-index: 100;
    background-color: #ffffff;
    padding-left: 15px;
    
}
*/

/* Hide the Fields Button */
.PotFieldsButton-fullWidthGridTourCoachmark{
    display:none;
}

/* Hide the Rules Button */
.MenuAnchor--default.AutomationMenu.MenuAnchor{
    display:none;
}

/* Hide the Column Options Drop Down */
.SpreadsheetFieldHeading-menu{
    display: none;
}

.SpreadsheetAddFieldHeading-fieldHeading--addField{
    display:none;
}



.SingleTaskPaneToolbar-leftItems {
	float: left;
}


.SingleTaskPaneToolbarEasyCompletion-leftItems {
	float: left;
}


.HeartButton.SingleTaskPaneToolbar-button {
	display: inline-block;
}

.HeartButton.SingleTaskPaneToolbarEasyCompletion-button {
	display: inline-block;
}


.SingleTaskPaneBanners.SingleTaskPane-banners {
	order: 2;
	display: block;
}

.TaskAncestry {
	order: 3;
	display: block;
}

.SingleTaskTitleInput.SingleTaskPane-titleRow {
	order: 5;
	display: block;
}

.TaskPaneAssigneeDueDateRowStructure {
	order: 6;
	display: block;
}

.TaskPaneAssigneeDueDateRowStructure-assignee {
	display: inline-block;
	margin-right: 40px;
}

.TaskPaneAssigneeDueDateRowStructure-dueDate {
	display: inline-block;
}

.TaskPremiumFeaturesSection {
	order: 7;
	display: block;
}

.SingleTaskPane-descriptionRow {
	order: 8;
	display: block;
}

.SingleTaskPane-descriptionLabel {
	display: inline-block;
	vertical-align: top;
}

.TaskDescription {
	display: inline-block;
	vertical-align: top;
	width: 94%;
}

.TaskProjects {
	order: 4;
	display: block;
}

.TaskProjects-label {
	display: inline-block;
	vertical-align: top;
	margin-top: 7px;
}

.TaskProjects-projects {
	display: inline-block;
	vertical-align: top;
}

.TaskTags {
	order: 9;
	display: block;
}

.TaskTags-tagIcon {
	vertical-align: middle;
	margin-bottom: 10px;
}

.TaskTags-tokenizer {
	display: inline-block;
	vertical-align: middle;
}

.SubtaskGrid {
	order: 10;
	display: block;
}

.TaskAttachments {
	order: 11;
	display: block;
}

.TaskAttachments-attachIcon {
	vertical-align: top;
}

.TaskAttachments-attachmentList {
	display: inline-block;
	vertical-align: top;
}

.SingleTaskPane-feed {
	order: 12;
	display: block;
}

.SingleTaskPane-subtaskGrid--commentOnly {
    order: 10;
    margin: 20px 0;
    margin-left: 40px;
}

/* Left Pane Width */
.PotListPageContent-detailsPane {
    flex: 0 1 675px;
    min-width: 660px;
    margin-left: 10px;
}

/* Hide send feedback */

.FeatureStageIndicator-feedbackLink--withoutType{
    display:none;
}

/* Hide Dependencies Option */

.TaskDependencies-labeledRowStructure{
 display:none;   
}


/* See more link customisation */
/* Adapted from code written by Chris Landman and posted on the Asana Community board */

.truncatedRichText-expand { 
    display: block;
    width: 40%;
    padding: 8px 0;
    text-align: center;
    color: #fff;
    background: #c0ced8;
    margin-top: 10px;
    border-radius: 3px;
}

.TruncatedRichText-expand { 
    display: block;
    width: 40%;
    padding: 8px 0;
    text-align: center;
    color: #fff;
    background: #c0ced8;
    margin-top: 10px;
    border-radius: 3px;
}


.TaskStoryFeed-expandLink {
    display: block;
    width: 90%;
    margin-bottom: 20px;
    margin-left: 40px;
    margin-top: 15px;
    padding: 8px 0;
    text-align: center;
    color: #fff;
    background: #1aafd0;
    border-radius: 3px;
}


/*
 *
 * LEFT TASK LIST GRID CUSTOMISATION
 *
 */

/* Increase the size of the Task List grid header */
.GridHeader--isCompactMode.GridHeader, .GridHeader--isCompactMode.PotGridPlaceholder-gridHeader {
    height: 50px;
}

/* Make sure the grid headers on the left grid list display*/
.GridHeader .GridHeader-right, .PotGridPlaceholder-gridHeader .GridHeader-right {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    max-width: 70%;
    min-width: 1px;
    overflow: visible;
}

.GridHeaderStructure .GridHeaderStructure-right {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    justify-content: flex-end;
    max-width: 70%;
    min-width: 1px;
    overflow: visible;
    padding-right: 30px;
}
.GridHeaderStructure .GridHeaderStructure-right {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    justify-content: flex-end;
    max-width: 70%;
    min-width: 1px;
    overflow: visible;
    padding-right: 30px;
}

/* Expand the maximum width of the Task List grid */
.lunaui-grid-center-pane-container#center_pane_container {
    max-width: 5000px;
}

.PotListPageContent-gridPane
 {
    flex: 0 1 5000px;
    min-width: 405px;
}

.PotListPage-gridPane {
    flex: 0 1 5000px;
    min-width: 405px;
}

.PotListPage-detailsPane {
    flex: 0 1 675px;
    margin-left: 15px;
    min-width: 675px;
}

.TaskRow-detailsCaret {
    display: none;
}

.TaskRow-completionStatus {
    display: none;
}


.TaskRowCompletionStatus-checkbox--withSpreadsheetGridEnabled.TaskRowCompletionStatus-checkbox--incomplete {
    display:none;
}

.TaskRowCompletionStatus-checkbox--enabled {
    display:none;
}    


.DueDateContainer-dueDate {
    text-transform: uppercase;
}

.CustomPropertyHeader-fieldName {
    white-space: normal;
}


.Pill.Pill--colorNone {
    background-color: #edf1f2;
    color: #848f99;
}

.PotPillsContainer-potPillLink:first-child {
    margin-left: 0;
    margin-right: 0;
}

/* Due Date Pill in Task Grid */
.DueDateContainer:not(.DueDateContainer--disabled) .DueDateContainer-dueDate {
    cursor: pointer;
    margin-left: 5px;
}


/* Display or Hide the Add Task and Add Section buttons on the Task List grid - NOT ACTIVE

.GridHeader .GridHeader-buttons,
.PotGridPlaceholder-gridHeader .GridHeader-buttons {
    display: none;
}

*/

.ItemRow-left, .PotGridBodyPlaceholder-itemRowLeft {
    
    align-items: center;
    display: flex;
    flex: 1 1000 auto;
    height: 100%;
    justify-content: flex-start;
    min-width: 1px;
    position: relative;
}

/* Set the maximum size of the Pills displayed on the Task List grid */

.PotPillsContainer-potPillLink {
    margin-left: 5px;
    max-width: 300px;
    min-width: 1px;
}

.Pill {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* display: block; */
    display: block;
    font-weight: 400;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*<a class="NavigationLink PotPillsContainer-potPillLink" href="https://app.asana.com/0/489091837396221/list"><div class="Pill--clickable Pill--colorIndigo Pill Pill--small">TEST</div></a>*/


.TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--incomplete{
    display:none;
}

.SpreadsheetGridTaskNameCell-completionStatus{
    display:none;
}

/*
 *
 *
 * END PROJECT TASK LIST CUSTOMISATION -------------------------------
 *
 *
 */



 
}