KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: Update reply box UI 👀 (#1623)

Browse source 
Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
This commit is contained in:
Nithin David Thomas 2021-01-13 18:06:25 +05:30 • committed by GitHub
parent 2d5aa9d3bd
commit fd181f18a1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 443 additions and 217 deletions
Download patch file Download diff file Expand all files Collapse all files

21
app/javascript/dashboard/components/widgets/AttachmentsPreview.vue
View file

@ -66,7 +66,9 @@ export default {
<style lang="scss" scoped>
.preview-item {
display: flex;
padding: 0 var(--space-small) var(--space-smaller);
padding: var(--space-slab) 0 0;
background: var(--color-background-light);
background: transparent;
}
.thumb-wrap {
@ -89,13 +91,16 @@ export default {
height: var(--space-medium);
font-size: var(--font-size-medium);
text-align: center;
position: relative;
top: -1px;
text-align: left;
}
.file-name-wrap,
.file-size-wrap {
display: flex;
align-items: center;
padding: 0 var(--space-one);
padding: 0 var(--space-smaller);
> .item {
margin: 0;
@ -109,12 +114,20 @@ export default {
}
.file-name-wrap {
width: 100%;
max-width: 50%;
overflow: hidden;
text-overflow: ellipsis;
.item {
height: var(--space-normal);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.file-size-wrap {
width: 20%;
justify-content: flex-end;
justify-content: center;
}
.remove-file-wrap {