637 lines
9.2 KiB
CSS
637 lines
9.2 KiB
CSS
.app-navigation-entry-utils-menu-button {
|
|
display: block !important;
|
|
}
|
|
#app-navigation .app-navigation-entry-edit {
|
|
height: auto;
|
|
}
|
|
#app-navigation .active,
|
|
#app-navigation .active a,
|
|
#app-navigation li:hover > a,
|
|
#app-navigation li:focus > a,
|
|
#app-navigation a:focus,
|
|
#app-navigation .selected,
|
|
#app-navigation .selected a {
|
|
background-color:#fafafa;
|
|
}
|
|
#app-navigation .board-bullet {
|
|
position: absolute;
|
|
margin-left: 17px;
|
|
margin-top: 16px;
|
|
width: 12px;
|
|
height: 12px;
|
|
border: none;
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#board-status {
|
|
position:absolute;
|
|
z-index:999;
|
|
width:100%;
|
|
height:100%;
|
|
background-color:#fff;
|
|
}
|
|
#board {
|
|
position: relative;
|
|
height:100%;
|
|
white-space: nowrap; /* important */
|
|
overflow: auto;
|
|
padding:0;
|
|
top:-40px;
|
|
padding-top:40px;
|
|
z-index:100;
|
|
width:100%;
|
|
}
|
|
#board #innerBoard {
|
|
padding:10px;
|
|
}
|
|
#board-header {
|
|
width: inherit;
|
|
color: #333333;
|
|
position:relative;
|
|
z-index:200;
|
|
background-color:#f7f7f7;
|
|
}
|
|
#board-header h1 {
|
|
font-size:14pt;
|
|
margin: 0;
|
|
padding:10px;
|
|
|
|
}
|
|
#board-actions {
|
|
font-size:10pt;
|
|
/*position:absolute;
|
|
right:5px;
|
|
top:5px;
|
|
z-index:999;*/
|
|
float:right;
|
|
position:relative;
|
|
margin-top:-5px;
|
|
color: #888;
|
|
|
|
}
|
|
#board-actions .filter .filter-button {
|
|
margin-left:10px;
|
|
margin-right:10px;
|
|
}
|
|
#board-actions .filter:hover {
|
|
color:#333333;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.filter {
|
|
}
|
|
.filter-select {
|
|
position: absolute;
|
|
right: auto;
|
|
top:42px;
|
|
left:-21%;
|
|
}
|
|
.filter-select li {
|
|
padding: 3px;
|
|
overflow: hidden;
|
|
width:auto;
|
|
}
|
|
.filter-select li span {
|
|
display: block;
|
|
float: left;
|
|
width: 20px;height:20px;
|
|
margin-right:5px;
|
|
}
|
|
#board-actions div {
|
|
padding:5px;
|
|
float:left;
|
|
}
|
|
.board-actions button {
|
|
border: none;
|
|
background-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.board-action-button {
|
|
font-size:12pt;
|
|
font-weight:100;
|
|
border:none;
|
|
margin-left:10px;
|
|
}
|
|
.stack {
|
|
width:320px;
|
|
margin-right:10px;
|
|
vertical-align: top;
|
|
display:inline-block !important;
|
|
}
|
|
.stack h2 {
|
|
padding: 5px;
|
|
padding-bottom:3px;
|
|
margin: 0;
|
|
font-size:12pt;
|
|
font-weight:700;
|
|
overflow:hidden;
|
|
}
|
|
.stack h2 input {
|
|
padding: 0px;
|
|
width:90%;
|
|
padding-bottom:3px;
|
|
margin: 0;
|
|
font-size:12pt;
|
|
font-weight:700;
|
|
border: 0;
|
|
background-color: transparent;
|
|
float:left;
|
|
}
|
|
.stack h2 button,
|
|
.stack .stack-actions{
|
|
float:right;
|
|
}
|
|
.stack h2 span {
|
|
float: left;
|
|
margin-bottom:3px;
|
|
}
|
|
.stack h2 .stack-actions {
|
|
display: none;
|
|
}
|
|
.stack h2:hover .stack-actions {
|
|
display: inline-block;
|
|
float:right;
|
|
}
|
|
.card {
|
|
background-color:#f6f6f6;
|
|
margin:5px;
|
|
white-space: normal;
|
|
padding-bottom:4px;
|
|
position: relative;
|
|
opacity: 1.0;
|
|
}
|
|
.card-upper {
|
|
overflow: hidden;
|
|
position: relative;
|
|
padding:5px;
|
|
}
|
|
.card .card-options {
|
|
position: absolute;
|
|
bottom: 10px;
|
|
right:10px;
|
|
}
|
|
.card .popovermenu {
|
|
z-index:999;
|
|
opacity: 1;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.card .card-assignees {
|
|
margin:5px;
|
|
}
|
|
.card:hover {
|
|
background-color:#fcfcfc;
|
|
}
|
|
.card a {
|
|
display:block;
|
|
}
|
|
.card h3 {
|
|
font-weight:bold;
|
|
font-size:10pt;
|
|
margin:0;
|
|
padding:0;
|
|
margin-bottom:-5px;
|
|
margin-top:15px;
|
|
display: inline-block;
|
|
float:left;
|
|
}
|
|
.card h3 .fa {
|
|
font-size:18pt;
|
|
line-height:10pt;
|
|
vertical-align: middle;
|
|
}
|
|
.card .labels {
|
|
position: absolute;
|
|
top:-5px;
|
|
left:5px;
|
|
|
|
}
|
|
.card .labels li {
|
|
padding:0px;
|
|
width:15px;
|
|
height:20px;
|
|
-webkit-border-radius: 3px;
|
|
font-size:80%;
|
|
border-color: transparent;
|
|
border:none;
|
|
float:left;
|
|
}
|
|
.card .labels li span {
|
|
display: none;
|
|
}
|
|
.card .labels li:hover {
|
|
|
|
}
|
|
.card .labels li:hover span {
|
|
position:absolute;
|
|
padding:3px;
|
|
background-color: inherit;
|
|
}
|
|
|
|
.as-sortable-placeholder {
|
|
margin:5px;
|
|
margin-bottom:5px;
|
|
border: 1px dashed #aaa;
|
|
}
|
|
|
|
|
|
.info {
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
display: inline-block;
|
|
color:#aaa;
|
|
}
|
|
.info i {
|
|
margin-left:2px;
|
|
}
|
|
.info span {
|
|
margin-right:2px;
|
|
}
|
|
|
|
.card.create {
|
|
text-align:center;
|
|
margin:0;
|
|
padding:0;
|
|
padding-top:4px;
|
|
border: none;
|
|
overflow:hidden;
|
|
}
|
|
.card.create:hover {
|
|
text-align:center;
|
|
opacity: 1;
|
|
}
|
|
.card.create h3 {
|
|
margin:0;
|
|
padding:0;
|
|
width: 100%;
|
|
}
|
|
.card.create h3 input {
|
|
width:100%;
|
|
border:0px;
|
|
padding:0px;
|
|
margin:0px;
|
|
font-weight:bold;
|
|
font-size:10pt;
|
|
margin:0;
|
|
padding:0;
|
|
border-bottom:1px solid #ffffff;
|
|
border-radius: 0px;
|
|
color: #ffffff;
|
|
background-color: transparent !important;
|
|
}
|
|
.card.create .fa {
|
|
color:#ffffff;
|
|
width:100%;
|
|
}
|
|
.card.create .fa:hover {
|
|
opacity: 0.5;
|
|
cursor: pointer;
|
|
}
|
|
.due {
|
|
background-color:#eee;
|
|
color:#aaa;
|
|
padding:1px;
|
|
padding-left:3px;
|
|
padding-right:3px;
|
|
border-radius: 4px;
|
|
margin-right:2px;
|
|
}
|
|
|
|
|
|
#card-header {
|
|
}
|
|
#card-header h2 {
|
|
font-weight:600;
|
|
padding:10px;
|
|
overflow: hidden;
|
|
margin-bottom:0px;
|
|
background-color:#f0f0f0;
|
|
}
|
|
.icon-close {
|
|
position: absolute;
|
|
top:5px;
|
|
right:5px;
|
|
}
|
|
#card-meta {
|
|
padding-top:0px;
|
|
}
|
|
#card-dates {
|
|
font-size:80%;
|
|
color: #aaaaaa;
|
|
margin-bottom: 3px;
|
|
}
|
|
#card-dates span {
|
|
}
|
|
|
|
#card-description h3 {
|
|
border-bottom:1px solid #333333;
|
|
font-weight: 600;
|
|
font-size:10pt;
|
|
padding:5px;
|
|
}
|
|
|
|
#card-description textarea {
|
|
width:100%;
|
|
height:200px;
|
|
border: none;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
#card-description .container {
|
|
background-color: white;
|
|
}
|
|
#card-description .container.ng-hide-remove {
|
|
animation: fade 1s forwards;
|
|
background-color:rgba(255, 255, 100, 1);
|
|
}
|
|
|
|
@keyframes fade {
|
|
from {background-color:rgba(255, 255, 100, 1);}
|
|
to {background-color:rgba(255, 255, 255, 0);}
|
|
}
|
|
|
|
|
|
#sidebar-header,
|
|
.card-block {
|
|
padding:15px;
|
|
}
|
|
#card-attachments ul {
|
|
margin:5px;
|
|
}
|
|
#card-attachments .details {
|
|
font-size:8pt;
|
|
padding-left:15px;
|
|
}
|
|
#attachment-add button {
|
|
background-color:#eeeeee;
|
|
font-size:9pt;
|
|
}
|
|
#app-sidebar
|
|
{
|
|
right: -500px;
|
|
max-width: 100%;
|
|
border-left: none;
|
|
width:500px;
|
|
/*box-shadow: 0px 0px 5px 0px #aaa;*/
|
|
border-left:1px solid #eeeeee;
|
|
|
|
}
|
|
#app-sidebar.details-visible {
|
|
right: 0px;
|
|
}
|
|
#app-content {
|
|
overflow:hidden;
|
|
}
|
|
#app-content.details-visible {
|
|
margin-right: 500px;
|
|
}
|
|
|
|
.labels {
|
|
display:block;
|
|
overflow:hidden;
|
|
}
|
|
.labels li {
|
|
padding:1px;
|
|
-webkit-border-radius: 3px;
|
|
margin:1px;
|
|
float:left;
|
|
color: #ffffff;
|
|
font-size:80%;
|
|
font-weight:900;
|
|
min-width:20px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
}
|
|
.labels li span {
|
|
|
|
}
|
|
#assigned-users {
|
|
margin-top:15px;
|
|
|
|
}
|
|
.avatardiv {
|
|
float:left;
|
|
margin-right:5px;
|
|
}
|
|
|
|
/* color selector */
|
|
|
|
.colorselect .color {
|
|
opacity:0.7;
|
|
width:26px;
|
|
height:26px;
|
|
float:left;
|
|
margin-right:2px;
|
|
border:none;
|
|
}
|
|
|
|
.colorselect .selected {
|
|
opacity:1.0;
|
|
border:1px solid #333333;
|
|
width: 26px;
|
|
height:26px;
|
|
|
|
}
|
|
|
|
#boardlist {
|
|
width:100%;
|
|
height: 100%;
|
|
overflow: scroll;
|
|
|
|
}
|
|
#boardlist td .board-bullet {
|
|
width:30px;
|
|
height:30px;
|
|
border: none;
|
|
border-radius: 50%;
|
|
position: relative;
|
|
cursor: pointer;
|
|
display: block;
|
|
}
|
|
#boardlist td {
|
|
padding:10px;
|
|
border-bottom:1px solid #eee;
|
|
}
|
|
|
|
#boardlist span.icon {
|
|
width:30px;
|
|
height:30px;
|
|
display:inline-block;
|
|
}
|
|
.cell-board-bullet {
|
|
width:60px;
|
|
}
|
|
|
|
.cell-board-title {
|
|
width:50%;
|
|
|
|
}
|
|
|
|
#boardlist .colorselect,
|
|
#boardlist input {
|
|
float:left;
|
|
}
|
|
#boardlist .colorselect {margin-top:5px;}
|
|
|
|
input.input-inline {
|
|
font-size: inherit !important;
|
|
font-weight: inherit;
|
|
background-color:transparent;
|
|
padding:0;
|
|
margin:0;
|
|
border:none;
|
|
width:100%;
|
|
border-bottom:1px solid #333333;
|
|
-webkit-border-radius: 0;
|
|
margin-top:-4px;
|
|
line-height:100%;
|
|
margin-bottom: -4px;
|
|
|
|
}
|
|
|
|
button {
|
|
border:0;
|
|
background-color: transparent;
|
|
}
|
|
button:hover {
|
|
border:0;
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* board detail */
|
|
#board-detail-labels {
|
|
padding: 10px;
|
|
|
|
|
|
}
|
|
#board-detail-labels ul li {
|
|
display: block;
|
|
font-size:10pt;
|
|
float: none;
|
|
margin-bottom:1px;
|
|
overflow: hidden;
|
|
}
|
|
#board-detail-labels ul li input {
|
|
float:left;
|
|
font-size:10pt;
|
|
padding:5px;
|
|
}
|
|
#board-detail-labels ul li .label-title {
|
|
float:left;
|
|
width:90%;
|
|
font-size:10pt;
|
|
padding:5px;
|
|
border:none;
|
|
margin-right:2px;
|
|
}
|
|
#board-detail-labels ul li .fa {
|
|
float:right;
|
|
padding:5px;
|
|
}
|
|
|
|
#board-detail-labels .color {
|
|
width:28px;
|
|
height:31px;
|
|
}
|
|
|
|
.tabHeaders {
|
|
clear: both;
|
|
overflow:hidden;
|
|
margin-bottom:0;
|
|
}
|
|
|
|
#shareWithList .avatar {
|
|
float: left;
|
|
margin-top: -5px;
|
|
margin-right:10px;
|
|
}
|
|
|
|
.ui-select-container.dropdown {
|
|
background: #ffffff;
|
|
border-radius: 0px;
|
|
box-shadow: none;
|
|
display: block;
|
|
margin-right: 0;
|
|
position: static;
|
|
width: 100%;
|
|
z-index: auto;
|
|
padding: 16px;
|
|
}
|
|
.ui-select-match-close {
|
|
float:right;
|
|
left: -20px;
|
|
margin-top:3px;
|
|
z-index: 100;
|
|
position: relative;
|
|
}
|
|
.ui-select-match-item {
|
|
padding:2px;
|
|
float:left;
|
|
display: block;
|
|
margin-right:-17px !important;
|
|
}
|
|
.ui-select-match-item .select-label {
|
|
padding:4px;
|
|
color:#fff;
|
|
padding-right:23px;
|
|
}
|
|
.ui-select-container {
|
|
background-color:#fafafa !important;
|
|
}
|
|
.ui-select-container.open {
|
|
border: 1px solid #aaaaaa;
|
|
}
|
|
.ui-select-search {
|
|
padding:0px !important;
|
|
margin:2px !important;
|
|
}
|
|
.ui-select-choices-row-inner {
|
|
margin-bottom:2px; width:100%;
|
|
padding:0;
|
|
}
|
|
.ui-select-choices-row-inner span {
|
|
padding:3px;
|
|
padding-left: 10px;
|
|
padding-right:10px;
|
|
width:100%;
|
|
}
|
|
|
|
|
|
@media (max-width: 480px) {
|
|
/* hide board actions on mobile */
|
|
#board-actions {
|
|
display:none !important;
|
|
}
|
|
}
|
|
|
|
#markdown p {
|
|
margin-bottom:15px;
|
|
}
|
|
#markdown ol {
|
|
margin-left:20px;
|
|
}
|
|
#markdown ul {
|
|
margin-left:20px;
|
|
list-style-type: disc;
|
|
}
|
|
#markdown h1 {
|
|
font-size:18px;
|
|
margin-bottom:5px;
|
|
}
|
|
#markdown h2 {
|
|
font-size:16px;
|
|
}
|
|
#markdown h3 {
|
|
font-size:14px;
|
|
}
|
|
#markdown h4 {
|
|
font-size:13px;
|
|
}
|
|
#markdown h6 {
|
|
font-size:12px;
|
|
}
|
|
#markdown pre {
|
|
background-color:#eeeeee;
|
|
padding:3px;
|
|
} |