Add more
This commit is contained in:
Julius Haertl
180
css/style.css
180
css/style.css
@@ -45,14 +45,45 @@
|
||||
color: #333333;
|
||||
padding-right:250px;
|
||||
z-index:100;
|
||||
background-color:#ffffff;
|
||||
background-color:#f7f7f7;
|
||||
}
|
||||
#board .board-actions {
|
||||
#board-actions {
|
||||
position:absolute;
|
||||
right:5px;
|
||||
top:5px;
|
||||
z-index:999;
|
||||
}
|
||||
#board-actions .filter {
|
||||
margin-left:10px;
|
||||
margin-right:10px;
|
||||
position:relative;
|
||||
}
|
||||
#board-actions .filter:hover {
|
||||
color:#333333;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.filter .filter-select {
|
||||
position: absolute;
|
||||
top: 42px;
|
||||
right: -15px;
|
||||
width: 100px;
|
||||
}
|
||||
.filter .filter-select li {
|
||||
padding: 3px;
|
||||
overflow: hidden;
|
||||
width:auto;
|
||||
}
|
||||
.filter .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;
|
||||
@@ -99,17 +130,34 @@
|
||||
float:right;
|
||||
}
|
||||
.card {
|
||||
background-color:#fafafa;
|
||||
border: 1px solid #aaa;
|
||||
background-color:#f6f6f6;
|
||||
margin:5px;
|
||||
padding:5px;
|
||||
white-space: normal;
|
||||
padding-bottom:4px;
|
||||
overflow: hidden;
|
||||
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 {
|
||||
opacity: 0.6;
|
||||
background-color:#fcfcfc;
|
||||
}
|
||||
.card a {
|
||||
display:block;
|
||||
@@ -119,13 +167,43 @@
|
||||
font-size:10pt;
|
||||
margin:0;
|
||||
padding:0;
|
||||
margin-bottom:20px;
|
||||
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;
|
||||
@@ -133,23 +211,7 @@
|
||||
border: 1px dashed #aaa;
|
||||
}
|
||||
|
||||
.labels {
|
||||
position:absolute;
|
||||
top:0px;
|
||||
margin-top:3px;
|
||||
right:0px;
|
||||
}
|
||||
.labels li {
|
||||
padding:3px;
|
||||
line-height:100%;
|
||||
color:white;
|
||||
font-size:10px;
|
||||
font-weight:600;
|
||||
text-align:right;
|
||||
padding-left:3px;
|
||||
pdading-right:5px;
|
||||
border-right:5px solid #aaaaaa;
|
||||
}
|
||||
|
||||
.info {
|
||||
padding-left:5px;
|
||||
padding-right:5px;
|
||||
@@ -166,7 +228,10 @@
|
||||
.card.create {
|
||||
text-align:center;
|
||||
margin:0;
|
||||
padding:0;
|
||||
padding-top:4px;
|
||||
border: none;
|
||||
overflow:hidden;
|
||||
}
|
||||
.card.create:hover {
|
||||
text-align:center;
|
||||
@@ -175,6 +240,7 @@
|
||||
.card.create h3 {
|
||||
margin:0;
|
||||
padding:0;
|
||||
width: 100%;
|
||||
}
|
||||
.card.create h3 input {
|
||||
width:100%;
|
||||
@@ -188,7 +254,7 @@
|
||||
border-bottom:1px solid #ffffff;
|
||||
border-radius: 0px;
|
||||
color: #ffffff;
|
||||
background-color: transparent;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.card.create .fa {
|
||||
color:#ffffff;
|
||||
@@ -213,12 +279,25 @@
|
||||
}
|
||||
#card-header h2 {
|
||||
font-weight:600;
|
||||
background-color: #f3f3f3;
|
||||
padding:10px;
|
||||
overflow: hidden;
|
||||
margin-bottom:0px;
|
||||
background-color:#f0f0f0;
|
||||
}
|
||||
#card-header h2 .icon-close {
|
||||
float:right;
|
||||
#card-header .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 textarea {
|
||||
@@ -250,10 +329,18 @@
|
||||
#app-content.details-visible {
|
||||
margin-right: 500px;
|
||||
}
|
||||
#card-header .labels {
|
||||
float:right;
|
||||
position:relative;
|
||||
|
||||
.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;
|
||||
}
|
||||
#assigned-users {
|
||||
padding:10px;
|
||||
@@ -312,4 +399,29 @@
|
||||
#boardlist input {
|
||||
float:left;
|
||||
}
|
||||
#boardlist .colorselect {margin-top:5px;}
|
||||
#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;
|
||||
}
|
||||
Reference in New Issue
Block a user