Fix toolbar widget styling

This commit is contained in:
Hadi Nategh 2022-06-09 14:23:24 +02:00
parent 597a983264
commit 17194f1ed3
3 changed files with 17 additions and 307 deletions

View File

@ -2865,7 +2865,7 @@ et2-button.transparent-button::part(container) {
background-image: none;
}
.et2_toolbar button, .nextmatch_header_row button,
.nextmatch_header_row button,
.et2_toolbar div.et2_progress,
.nextmatch_header_row div.et2_progress {
margin: 1px 4px 1px 0;
@ -3057,7 +3057,9 @@ et2-button.transparent-button::part(container) {
.et2_toolbar div.ui-toolbar-menulist button.et2_button_with_image {
background-size: 16px 16px;
background-color: #fafafa;
background-color: #ffffff;
vertical-align: middle;
height: 28px;
}
.et2_toolbar div.ui-toolbar-menulist span.slideSwitch_container {
@ -3074,13 +3076,17 @@ div.ui-toolbar-menulist {
margin-top: 3px !important;
min-width: 150px;
padding-top: 3px;
padding-top: 1px;
padding-bottom: 1px;
box-shadow: 2px 3px 13px #666;
-moz-box-shadow: 2px 3px 13px #666;
-webkit-box-shadow: 2px 3px 13px #666;
-khtml-box-shadow: 2px 3px 13px #666;
-moz-user-select: none;
}
.ui-toolbar-menulist > h {
padding-bottom: 7px;
margin: 0;
div.ui-toolbar-menulist > * {
border: none !important;
}
.ui-toolbar-menulist > button {
margin: 0 !important;
text-align: left;
@ -3090,16 +3096,6 @@ div.ui-toolbar-menulist {
display: block;
}
.ui-toolbar-menulist > div {
margin: 0 !important;
text-align: left;
border-radius: 0 !important;
width: 100% !important;
white-space: nowrap;
background-color: #E0E0E0 !important;
border: 1px solid silver;
}
.ui-toolbar-menulistHeader {
font-size: xx-small;
height: 100%;
@ -3123,6 +3119,10 @@ div.et2_toolbar_more h.ui-accordion-header {
padding: 4px 30px 3px 25px !important;
margin: 1px;
}
.et2_toolbar_actionlist .et2_button, .et2_toolbar_actionlist .et2_dropdown {
border-radius: 3px;
margin: 1px 4px 1px 0;
}
.et2_toolbar_actionlist {
float: left;

View File

@ -1248,141 +1248,6 @@ body {
#mail-display {
min-height: 768px;
padding: 5px;
/*Toolbar*/
}
#mail-display .et2_toolbar,
#mail-display #mail-display_toolbar,
#mail-display mail-display_displayToolbar {
/*.gradient_thead;*/
background-color: transparent;
color: #000000;
clear: both;
height: 36px;
/*OPEN SINGLE WINDOW AFTER CLICK ON MAIL*/
}
#mail-display .et2_toolbar div.et2_toolbar_actionlist,
#mail-display #mail-display_toolbar div.et2_toolbar_actionlist,
#mail-display mail-display_displayToolbar div.et2_toolbar_actionlist {
margin-top: 0px;
margin-left: 0px;
}
#mail-display .et2_toolbar button,
#mail-display #mail-display_toolbar button,
#mail-display mail-display_displayToolbar button {
/*.background_color_10_gray;*/
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height: 24px;
}
#mail-display .et2_toolbar span.ui-state-default,
#mail-display #mail-display_toolbar span.ui-state-default,
#mail-display mail-display_displayToolbar span.ui-state-default {
float: left;
background-image: none;
}
#mail-display .et2_toolbar #mail-display_forward_wrapper li a img,
#mail-display #mail-display_toolbar #mail-display_forward_wrapper li a img,
#mail-display mail-display_displayToolbar #mail-display_forward_wrapper li a img {
width: 16px;
margin-right: 3px;
}
#mail-display .et2_toolbar #mail-display_save_wrapper button#mail-display_save,
#mail-display #mail-display_toolbar #mail-display_save_wrapper button#mail-display_save,
#mail-display mail-display_displayToolbar #mail-display_save_wrapper button#mail-display_save {
background-image: url('../pixelegg/images/speichern.png');
background-position: left center;
background-repeat: no-repeat;
background-size: 16px 16px;
box-shadow: none;
}
#mail-display .et2_toolbar #mail-display_save_wrapper button#mail-display_save:hover img,
#mail-display #mail-display_toolbar #mail-display_save_wrapper button#mail-display_save:hover img,
#mail-display mail-display_displayToolbar #mail-display_save_wrapper button#mail-display_save:hover img {
display: none;
background-image: none;
}
#mail-display .et2_toolbar #mail-display_save_wrapper button#mail-display_save:focus,
#mail-display #mail-display_toolbar #mail-display_save_wrapper button#mail-display_save:focus,
#mail-display mail-display_displayToolbar #mail-display_save_wrapper button#mail-display_save:focus {
box-shadow: none;
}
#mail-display .et2_toolbar #mail-display_save_wrapper li a img,
#mail-display #mail-display_toolbar #mail-display_save_wrapper li a img,
#mail-display mail-display_displayToolbar #mail-display_save_wrapper li a img {
width: 16px;
margin-right: 3px;
}
#mail-display .et2_toolbar #mail-display_view_wrapper button#mail-display_view,
#mail-display #mail-display_toolbar #mail-display_view_wrapper button#mail-display_view,
#mail-display mail-display_displayToolbar #mail-display_view_wrapper button#mail-display_view {
box-shadow: none;
}
#mail-display .et2_toolbar #mail-display_view_wrapper button#mail-display_view:hover img,
#mail-display #mail-display_toolbar #mail-display_view_wrapper button#mail-display_view:hover img,
#mail-display mail-display_displayToolbar #mail-display_view_wrapper button#mail-display_view:hover img {
display: none;
background-image: none;
}
#mail-display .et2_toolbar #mail-display_view_wrapper button#mail-display_view:focus,
#mail-display #mail-display_toolbar #mail-display_view_wrapper button#mail-display_view:focus,
#mail-display mail-display_displayToolbar #mail-display_view_wrapper button#mail-display_view:focus {
box-shadow: none;
}
#mail-display .et2_toolbar #mail-display_view_wrapper li a img,
#mail-display #mail-display_toolbar #mail-display_view_wrapper li a img,
#mail-display mail-display_displayToolbar #mail-display_view_wrapper li a img {
width: 16px;
margin-right: 3px;
}
#mail-display .et2_toolbar #mail-display_mark_wrapper button#mail-display_mark,
#mail-display #mail-display_toolbar #mail-display_mark_wrapper button#mail-display_mark,
#mail-display mail-display_displayToolbar #mail-display_mark_wrapper button#mail-display_mark {
box-shadow: none;
}
#mail-display .et2_toolbar #mail-display_mark_wrapper button#mail-display_mark:hover img,
#mail-display #mail-display_toolbar #mail-display_mark_wrapper button#mail-display_mark:hover img,
#mail-display mail-display_displayToolbar #mail-display_mark_wrapper button#mail-display_mark:hover img {
display: none;
background-image: none;
}
#mail-display .et2_toolbar #mail-display_mark_wrapper button#mail-display_mark:focus,
#mail-display #mail-display_toolbar #mail-display_mark_wrapper button#mail-display_mark:focus,
#mail-display mail-display_displayToolbar #mail-display_mark_wrapper button#mail-display_mark:focus {
box-shadow: none;
}
#mail-display .et2_toolbar #mail-display_mark_wrapper li a img,
#mail-display #mail-display_toolbar #mail-display_mark_wrapper li a img,
#mail-display mail-display_displayToolbar #mail-display_mark_wrapper li a img {
width: 16px;
margin-right: 3px;
}
#mail-display .et2_toolbar #toolbar-actionlist,
#mail-display #mail-display_toolbar #toolbar-actionlist,
#mail-display mail-display_displayToolbar #toolbar-actionlist {
padding: 0px 3px;
}
#mail-display .et2_toolbar #toolbar-actionlist span[data-group],
#mail-display #mail-display_toolbar #toolbar-actionlist span[data-group],
#mail-display mail-display_displayToolbar #toolbar-actionlist span[data-group] {
margin: 0px 40px 0 0;
}
#mail-display .et2_toolbar #toolbar-actionlist button,
#mail-display #mail-display_toolbar #toolbar-actionlist button,
#mail-display mail-display_displayToolbar #toolbar-actionlist button {
/*.background_color_10_gray;*/
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height: 27px;
}
#mail-display .mailDisplayAttachments {
max-height: 12%;
@ -1888,18 +1753,6 @@ input[type=button] {
#mail-index_toolbar {
background: none;
height: 35px;
/* Elemente */
}
#mail-index_toolbar button {
height: 24px !important;
}
#mail-index_toolbar button span {
padding: 0;
}
#mail-index_toolbar button span img {
width: 16px;
height: 16px;
padding: 0px;
}
/*AN / To*/
div.mailPreviewHeaders div.mail_extraEmails {

View File

@ -342,132 +342,6 @@ body {
min-height: 768px;
padding: 5px;
/*Toolbar*/
.et2_toolbar,
#mail-display_toolbar,
mail-display_displayToolbar {
/*.gradient_thead;*/
background-color: transparent;
.color_100_gray;
clear: both;
height: 36px;
// all buttons
div.et2_toolbar_actionlist {
margin-top: 0px;
margin-left: 0px;
}
button {
.Complete_Button_Icon_normal;
height: 24px;
}
span.ui-state-default {
float: left;
background-image: none;
}
// Button ?
// Button antworten
// allen antworten
// Forward
#mail-display_forward_wrapper {
&:hover {}
&:focus {}
li {
a {
img { width: 16px;margin-right: 3px;}
}
}
}
// speichern
#mail-display_save_wrapper {
&:hover {}
&:focus {}
// das Wort speichern
button#mail-display_save {
background-image: url('../pixelegg/images/speichern.png');
background-position: left center;
background-repeat: no-repeat;
background-size: 16px 16px;
box-shadow: none;
&:hover {
img {display: none; background-image: none;}
}
&:focus {box-shadow: none; }
}
li {
a {
img { width: 16px;margin-right: 3px;}
}
}
}
// anzeigen
#mail-display_view_wrapper {
&:hover {}
&:focus {}
button#mail-display_view {
box-shadow: none;
&:hover {
img {display: none; background-image: none;}
}
&:focus {box-shadow: none; }
}
li {
a {
img { width: 16px;margin-right: 3px;}
}
}
}
// mark
#mail-display_mark_wrapper {
&:hover {}
&:focus {}
button#mail-display_mark{
box-shadow: none;
&:hover {
img {display: none; background-image: none;}
}
&:focus {box-shadow: none; }
}
li {
a {
img { width: 16px;margin-right: 3px;}
}
}
}
/*OPEN SINGLE WINDOW AFTER CLICK ON MAIL*/
// ###################### buttons##############################
// # # # # # # # # # ####
// # # # # # # # # # ####
// ############################################################
#toolbar-actionlist {
padding: 0px 3px;
span[data-group] {margin: 0px 40px 0 0;}
button {
.Complete_Button_Icon_normal;
height: 27px;
}
}
}
// Dateianhänge
.mailDisplayAttachments {
// background-color:#efefdf;
max-height: 12%;
@ -1038,23 +912,6 @@ input[type=button] {
#mail-index_toolbar {
background: none;
height:35px;
// alle Buttons / drag + drop
#toolbar-actionlist{
}
/* Elemente */
button {
height: 24px !important;
span {
padding: 0;
img {
.dimension_width_height_s ;
padding: 0px;
}
}
}
}
/*AN / To*/