Style mail attachments area

This commit is contained in:
Hadi Nategh 2019-03-25 11:09:20 +01:00
parent b179ea871c
commit f2a5069aa9
3 changed files with 81 additions and 13 deletions

View File

@ -1927,10 +1927,10 @@ div.mailPreviewHeaders img.et2_button_icon {
background-color: inherit;
}
#mail-index_previewAttachmentArea {
background-color: #f0f0f0;
border-color: #E6E6E6;
border: 1px solid rgba(0, 0, 0, 0.15);
background-color: #fafafa;
max-height: 3.6em;
border: none;
max-width: 80%;
}
#mail-index_previewAttachmentArea img {
width: 16px;
@ -1943,10 +1943,15 @@ div.mailPreviewHeaders img.et2_button_icon {
border: 0px !important;
}
/* Button after field*/
#mail-index_mailPreviewHeadersAttachments {
padding-top: 5px;
}
#mail-index_mailPreviewHeadersAttachments img.et2_button_icon {
width: 16px;
height: 16px;
background-color: inherit;
background-color: #fafafa;
left: -6px;
top: 1px;
}
/*######################################################*/
/*Diplay : View */
@ -2032,6 +2037,22 @@ div.mailComposeHeaderSection > table {
color: #5B5B5B;
background-color: white;
}
/* width */
table#mail-index_previewAttachmentArea::-webkit-scrollbar {
width: 5px;
}
/* Track */
table#mail-index_previewAttachmentArea::-webkit-scrollbar-track {
background: #f2f2f2;
}
/* Handle */
table#mail-index_previewAttachmentArea::-webkit-scrollbar-thumb {
background: #c1c2c1;
}
/* Handle on hover */
table#mail-index_previewAttachmentArea::-webkit-scrollbar-thumb:hover {
background: #555;
}
/* import */
/* tablets and smartphones */
@media all {

View File

@ -1915,10 +1915,10 @@ div.mailPreviewHeaders img.et2_button_icon {
background-color: inherit;
}
#mail-index_previewAttachmentArea {
background-color: #f0f0f0;
border-color: #E6E6E6;
border: 1px solid rgba(0, 0, 0, 0.15);
background-color: #fafafa;
max-height: 3.6em;
border: none;
max-width: 80%;
}
#mail-index_previewAttachmentArea img {
width: 16px;
@ -1931,10 +1931,15 @@ div.mailPreviewHeaders img.et2_button_icon {
border: 0px !important;
}
/* Button after field*/
#mail-index_mailPreviewHeadersAttachments {
padding-top: 5px;
}
#mail-index_mailPreviewHeadersAttachments img.et2_button_icon {
width: 16px;
height: 16px;
background-color: inherit;
background-color: #fafafa;
left: -6px;
top: 1px;
}
/*######################################################*/
/*Diplay : View */
@ -2020,3 +2025,19 @@ div.mailComposeHeaderSection > table {
color: #5B5B5B;
background-color: white;
}
/* width */
table#mail-index_previewAttachmentArea::-webkit-scrollbar {
width: 5px;
}
/* Track */
table#mail-index_previewAttachmentArea::-webkit-scrollbar-track {
background: #f2f2f2;
}
/* Handle */
table#mail-index_previewAttachmentArea::-webkit-scrollbar-thumb {
background: #c1c2c1;
}
/* Handle on hover */
table#mail-index_previewAttachmentArea::-webkit-scrollbar-thumb:hover {
background: #555;
}

View File

@ -1077,14 +1077,14 @@ div.mailPreviewHeaders img.et2_button_icon {
#mail-index_previewAttachmentArea {
// background-color:#efefdf;
.background_color_10_gray;
border-color: @gray_10;
.border_normal;
.background_color_5_gray;
max-height: 3.6em;
border: none;
// filter: Alpha(opacity=100);
img {.dimension_width_height_s;}
td{padding: 2px;}
max-width: 80%;
}
#mail-index_previewAttachmentArea.noContent {
@ -1093,7 +1093,13 @@ div.mailPreviewHeaders img.et2_button_icon {
/* Button after field*/
#mail-index_mailPreviewHeadersAttachments {
img.et2_button_icon {.dimension_width_height_s; background-color: inherit;}
padding-top: 5px;
img.et2_button_icon {
.dimension_width_height_s;
.background_color_5_gray;
left: -6px;
top: 1px;
}
}
/*######################################################*/
@ -1181,3 +1187,23 @@ div.mailComposeHeaderSection > table {
color: #5B5B5B;
background-color: white;
}
/* width */
table#mail-index_previewAttachmentArea::-webkit-scrollbar {
width: 5px;
}
/* Track */
table#mail-index_previewAttachmentArea::-webkit-scrollbar-track {
background: #f2f2f2;
}
/* Handle */
table#mail-index_previewAttachmentArea::-webkit-scrollbar-thumb {
background: #c1c2c1;
}
/* Handle on hover */
table#mail-index_previewAttachmentArea::-webkit-scrollbar-thumb:hover {
background: #555;
}