ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Insert attachments to description

Browse Source 
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl
2018-06-17 21:43:18 +02:00
parent 7ad8080f82
commit 5b95beb153
7 changed files with 250 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

138
css/style.scss
View File

@@ -793,59 +793,89 @@ input.input-inline {
.icon-upload.icon-loading-small {
background-image: none;
}
.card-attachments {
ul {
li.attachment {
display: flex;
&.deleted {
opacity: .5;
}
.fileicon {
display: inline-block;
min-width: 32px;
width: 32px;
height: 32px;
background-size: contain;
}
.details {
flex-grow: 1;
flex-shrink: 1;
min-width: 0;
flex-basis: 50%;
line-height: 110%;
padding: 2px;
}
.filename {
width: 70%;
display: flex;
.basename {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.extension {
opacity: 0.7;
}
}
.filesize, .filedate {
font-size: 90%;
color: $color-darkgrey;
}
.app-popover-menu-utils {
position: relative;
button {
height: 32px;
width: 42px;
}
}
button.icon-history {
width: 44px;
}
.attachment-list-wrapper {
position: fixed;
width: 100%;
height: 100%;
background-color: rgba($color-darkgrey, 0.5);
left: 0;
top: 0;
}
.attachment-list {
&.selector {
padding: 10px;
position: absolute;
width: 30%;
max-width: 500px;
min-width: 200px;
max-height: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: $color-main-background;
z-index: 2;
border-radius: 3px;
box-shadow: 0 0 3px $color-darkgrey;
overflow: scroll;
}
h3.attachment-selector {
margin: 0 0 10px;
padding: 0;
.icon-close {
display: inline-block;
float: right;
}
}
li.attachment {
display: flex;
&.deleted {
opacity: .5;
}
.fileicon {
display: inline-block;
min-width: 32px;
width: 32px;
height: 32px;
background-size: contain;
}
.details {
flex-grow: 1;
flex-shrink: 1;
min-width: 0;
flex-basis: 50%;
line-height: 110%;
padding: 2px;
}
.filename {
width: 70%;
display: flex;
.basename {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.extension {
opacity: 0.7;
}
}
.filesize, .filedate {
font-size: 90%;
color: $color-darkgrey;
}
.app-popover-menu-utils {
position: relative;
button {
height: 32px;
width: 42px;
}
}
button.icon-history {
width: 44px;
}
}
}
.card-description {
@@ -1235,7 +1265,11 @@ input.input-inline {
border: 0 !important;
overflow: hidden;
}
.select2-search-field {
margin-right: -10px;
}
}
.select2-choice {
height: auto;
}
@@ -1332,6 +1366,10 @@ input.input-inline {
}
}
img {
max-width: 100%;
}
input[type=checkbox] {
margin: 0px 10px 0px 0px;
line-height: 10px;