Mailspring/internal_packages/composer-mail-merge/stylesheets/mail-merge.less
Juan Tejada 021eac7679 feat(mail-merge): Add mail merge plugin
Summary:
Adds Mail Merge Plugin
- Adds new table components to component kit
- Adds new extension points to allow dragging and dropping into composer contenteditable and participant fields and customizing participant fields
- Adds new decorators and other misc updates
- #1608

Test Plan: TODO

Reviewers: bengotow, evan

Reviewed By: bengotow, evan

Differential Revision: https://phab.nylas.com/D2895
2016-04-22 18:29:07 -07:00

73 lines
1.4 KiB
Text

@import 'ui-variables';
.mail-merge-workspace {
position: fixed;
bottom: 0;
height: 200px;
width: 98%;
background: white;
z-index: 1;
border-top: 1px solid lightgrey;
padding-top: @padding-base-vertical;
.mail-merge-table {
height: 85%;
.editable-table-container>.key-commands-region {
width: initial;
}
.editable-table {
max-width: 700px;
.table-row-header.selected, th.selected, td.selected {
background: initial;
opacity: 1;
}
.table-cell {
input {
cursor: default;
}
&:not(.numbered-cell) {
width: 150px;
min-width: 150px;
}
}
.header-cell {
display: flex;
align-items: center;
justify-content: center;
height: 35px;
.header-token {
display: flex;
align-items: center;
justify-content: center;
background: fadeout(red, 90%);
border: 1px solid lightgrey;
border-radius: 5px;
width: 65%;
height: 20px;
img {
background-color: black;
}
input {
text-align: left;
height: 100%;
line-height: 100%;
}
}
}
}
}
}
.mail-merge-participants-text-field {
&.is-dropping {
border: red 1px solid;
}
}