Tweaks for Asana
Asana by juuxstar
Details
Authorjuuxstar
LicenseNo License
Categoryasana
Created
Updated
Size2.1 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Asana
@namespace userstyles.world
@version 1.0.0
==/UserStyle== */
/* LIST */
.BoardColumnScrollableContainer-scrollable {
margin-right: -5px;
}
.BoardColumnScrollableContainer-scrollable::-webkit-scrollbar {
width: 5px;
}
.BoardColumnScrollableContainer-scrollable::-webkit-scrollbar-thumb {
background: #AAA;
border-radius: 5px;
}
/* LIST HEADER */
.BoardColumn-header {
display: flex;
background: #4b4b98bf;
box-shadow: 0 5px 5px 0 rgb(7 9 12 / 29%);
}
.BoardColumnHeaderTitle.BoardColumnHeader-name {
text-align: center;
margin: 0 !important;
flex-grow: 1;
}
/* CARDS */
.BaseDraggableCard.BaseDraggableCard--default.BaseSelectableCard--isNotSelected.BaseSelectableCard--isEnabled.BaseCard:not(:focus):not(.BaseCard--isFocused) {
box-shadow: 0 5px 5px 0 rgb(7 9 12 / 29%);
}
.BoardCardLayout-completionIndicator {
display: none;
}
.BoardCardLayout-title.BoardCardLayout-title--indented {
text-indent: 0;
}
.BoardCardLayout-contentAboveSubtasks {
display: flex;
flex-direction: column;
}
.BoardCardLayout-image:empty {
display: none;
}
/* hide parentTask if it's empty */
.BoardCardLayout-parentTask:empty {
margin: 0;
}
/* customize the order of the various parts of each card */
.BoardCardLayout-projectPills {
order: 0;
margin-bottom: 0;
}
.BoardCardLayout-customPropertiesAndTags {
order: 1;
margin-top: 10px;
margin-bottom: 5px;
margin-left: 10px;
margin-right: 5px;
}
.BoardCardLayout-image {
order: 2;
margin-bottom: 0!important;
}
.BoardCardLayout-titleAndIndicator {
order: 3;
margin: 5px 10px;
}
.BoardCardLayout-assigneeDueDateActions {
order: 10;
margin-bottom: 10px;
}
.BoardCardLayout-customPropertiesAndTags .BoardCardCustomPropertiesAndTags {
justify-content: space-between;
}
/* AddTask Button */
.BoardAddCardSubtleButton {
opacity: 0.5;
}
.BoardAddCardSubtleButton:hover {
opacity: 0.75;
}