Fix dropdown button styling in mail compose toolbar

This commit is contained in:
Hadi Nategh 2020-09-18 10:45:25 +02:00
parent c01beef108
commit e3aad386e0
3 changed files with 21 additions and 12 deletions

View File

@ -1436,10 +1436,12 @@ div.ui-toolbar-menulist {
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
} }
.et2_toolbar_actionlist .et2_toolbar-dropdown { .et2_toolbar_actionlist .et2_toolbar-dropdown {
margin: -4px 5px 2px 1px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
padding: 3px !important;
background: #fafafa !important;
background-color: #fafafa !important;
} }
.et2_toolbar_actionlist .et2_toolbar-dropdown .et2_dropdown { .et2_toolbar_actionlist .et2_toolbar-dropdown .et2_dropdown {
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
@ -1454,13 +1456,14 @@ div.ui-toolbar-menulist {
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
background: #E6E6E6 !important; background: #fafafa !important;
background-color: #E6E6E6 !important; background-color: #fafafa !important;
min-height: auto;
} }
.et2_toolbar_actionlist .et2_toolbar-dropdown .et2_dropdown button img { .et2_toolbar_actionlist .et2_toolbar-dropdown .et2_dropdown button img {
width: 16px; width: 16px;
height: 16px; height: 16px;
top: 3px; vertical-align: text-bottom;
} }
.et2_toolbar_actionlist .et2_toolbar-dropdown .et2_button_icon { .et2_toolbar_actionlist .et2_toolbar-dropdown .et2_button_icon {
height: 12px; height: 12px;

View File

@ -1424,10 +1424,12 @@ div.ui-toolbar-menulist {
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
} }
.et2_toolbar_actionlist .et2_toolbar-dropdown { .et2_toolbar_actionlist .et2_toolbar-dropdown {
margin: -4px 5px 2px 1px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
padding: 3px !important;
background: #fafafa !important;
background-color: #fafafa !important;
} }
.et2_toolbar_actionlist .et2_toolbar-dropdown .et2_dropdown { .et2_toolbar_actionlist .et2_toolbar-dropdown .et2_dropdown {
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
@ -1442,13 +1444,14 @@ div.ui-toolbar-menulist {
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
background: #E6E6E6 !important; background: #fafafa !important;
background-color: #E6E6E6 !important; background-color: #fafafa !important;
min-height: auto;
} }
.et2_toolbar_actionlist .et2_toolbar-dropdown .et2_dropdown button img { .et2_toolbar_actionlist .et2_toolbar-dropdown .et2_dropdown button img {
width: 16px; width: 16px;
height: 16px; height: 16px;
top: 3px; vertical-align: text-bottom;
} }
.et2_toolbar_actionlist .et2_toolbar-dropdown .et2_button_icon { .et2_toolbar_actionlist .et2_toolbar-dropdown .et2_button_icon {
height: 12px; height: 12px;

View File

@ -529,8 +529,10 @@ div.ui-toolbar-menulist {
.et2_toolbar_actionlist { .et2_toolbar_actionlist {
// zusammengesetzte Buttons // zusammengesetzte Buttons
.et2_toolbar-dropdown { .et2_toolbar-dropdown {
margin: -4px 5px 2px 1px;
.rounded(3px); .rounded(3px);
padding: 3px !important;
background: #fafafa !important;
background-color: #fafafa !important;
.et2_dropdown { .et2_dropdown {
.box_shadow_none; .box_shadow_none;
border: none !important; border: none !important;
@ -540,12 +542,13 @@ div.ui-toolbar-menulist {
margin: 0px; margin: 0px;
padding-top: -3px !important; padding-top: -3px !important;
.box_shadow_none; .box_shadow_none;
background: @gray_10 !important; background: #fafafa !important;
background-color: @gray_10 !important; background-color: #fafafa !important;
img { img {
.dimension_width_height_s; .dimension_width_height_s;
top: 3px; vertical-align: text-bottom;
} }
min-height: auto;
} }
} }
.et2_button_icon .et2_button_icon