Move message out from corner a little

2022-11-28 08:57:55 -07:00 · 2022-11-28 08:57:55 -07:00 · 0c0e91f750
commit 0c0e91f750
parent 5556e22927
5 changed files with 71 additions and 80 deletions
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@ -3175,6 +3175,9 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub
 div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td.sub_item_icon img.sub_icon {
  filter: invert(1) brightness(5);
 }
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td.sub_item_icon img[id$="filemanager"] {
+  filter: invert(0) brightness(5) !important;
+}
 div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected div.sub_item_text,
 div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td.sub_item_hk div.sub_item_hk {
  color: hsl(0, 0%, 100%);
@ -3559,14 +3562,14 @@ body .egw_message_wrapper.isPopup {
 }
 body .egw_message_wrapper {
  background-color: #d9d9d9;
-  right: 0 !important;
-  max-width: 25%;
-  min-width: 25%;
+  right: 11px !important;
+  max-width: 40%;
+  min-width: 40%;
  box-shadow: 2px 3px 13px #666666;
  -moz-box-shadow: 2px 3px 13px #666666;
  -webkit-box-shadow: 2px 3px 13px #666666;
  -khtml-box-shadow: 2px 3px 13px #666666;
-  bottom: 0;
+  bottom: 10px;
  max-height: 60%;
  overflow-y: auto;
  z-index: 100000;
--- a/pixelegg/css/monochrome.css
+++ b/pixelegg/css/monochrome.css
@ -3155,6 +3155,9 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub
 div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td.sub_item_icon img.sub_icon {
  filter: invert(1) brightness(5);
 }
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td.sub_item_icon img[id$="filemanager"] {
+  filter: invert(0) brightness(5) !important;
+}
 div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected div.sub_item_text,
 div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td.sub_item_hk div.sub_item_hk {
  color: hsl(0, 0%, 100%);
@ -3539,14 +3542,14 @@ body .egw_message_wrapper.isPopup {
 }
 body .egw_message_wrapper {
  background-color: #d9d9d9;
-  right: 0 !important;
+  right: 11px !important;
  max-width: 40%;
  min-width: 40%;
  box-shadow: 2px 3px 13px #666666;
  -moz-box-shadow: 2px 3px 13px #666666;
  -webkit-box-shadow: 2px 3px 13px #666666;
  -khtml-box-shadow: 2px 3px 13px #666666;
-  bottom: 0;
+  bottom: 10px;
  max-height: 60%;
  overflow-y: auto;
  z-index: 100000;
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@ -3552,14 +3552,14 @@ body .egw_message_wrapper.isPopup {
 }
 body .egw_message_wrapper {
  background-color: #d9d9d9;
-  right: 0 !important;
+  right: 11px !important;
  max-width: 40%;
  min-width: 40%;
  box-shadow: 2px 3px 13px #666666;
  -moz-box-shadow: 2px 3px 13px #666666;
  -webkit-box-shadow: 2px 3px 13px #666666;
  -khtml-box-shadow: 2px 3px 13px #666666;
-  bottom: 0;
+  bottom: 10px;
  max-height: 60%;
  overflow-y: auto;
  z-index: 100000;
--- a/pixelegg/less/layout_dialog.less
+++ b/pixelegg/less/layout_dialog.less
@ -449,14 +449,15 @@ body .egw_message_wrapper.isPopup{
 }
 body .egw_message_wrapper {
  .background_color_15_gray;
-	right: 0 !important;
+  right: 11px !important;
  max-width: 40%;
  min-width: 40%;
  .box_shadow;
-	bottom: 0;
+  bottom: 10px;
  max-height: 60%;
  overflow-y: auto;
  z-index: 100000;
+
  & > div:last-child {
    margin-bottom: 0px !important;
  }
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@ -3179,29 +3179,23 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon {
 div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_hk div.sub_item_hk {
  color: #373f3f;
 }
-
 div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected {
  background-color: hsl(200, 98%, 39%) !important;
  background-image: none !important;
 }
-
 div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td.sub_item_icon img.sub_icon {
  filter: invert(1) brightness(5);
 }
-
 div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td.sub_item_icon img[id$="filemanager"] {
  filter: invert(0) brightness(5) !important;
 }
-
 div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected div.sub_item_text,
 div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td.sub_item_hk div.sub_item_hk {
  color: hsl(0, 0%, 100%);
 }
-
 div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_sep {
  border-top: 1px solid #E6E6E6;
 }
-
 /**
 * EGroupware: Stylite Pixelegg template
 *
@ -3559,16 +3553,13 @@ div.admin-config form > table td b {
 .info_message {
  background-image: url(../../api/templates/default/images/dialog_info.svg);
 }
-
 .info_message .discard {
  float: right;
  margin-top: 4px;
 }
-
 .success_message {
  background-image: url(../../api/templates/default/images/check.svg);
 }
-
 /**
 * Message in popup
 */
@ -3580,17 +3571,16 @@ body .egw_message_wrapper.isPopup {
  max-width: unset;
  min-width: unset;
 }
-
 body .egw_message_wrapper {
  background-color: #d9d9d9;
-    right: 0 !important;
+  right: 11px !important;
  max-width: 40%;
  min-width: 40%;
  box-shadow: 2px 3px 13px #666666;
  -moz-box-shadow: 2px 3px 13px #666666;
  -webkit-box-shadow: 2px 3px 13px #666666;
  -khtml-box-shadow: 2px 3px 13px #666666;
-    bottom: 0;
+  bottom: 10px;
  max-height: 60%;
  overflow-y: auto;
  z-index: 100000;
@ -3901,33 +3891,27 @@ td.lettersearch {
  background-color: #fafafa;
  margin-bottom: 5px;
 }
-
 #egwpopup #egwpopup_list .egwpopup_message:hover {
  background-color: rgba(103, 159, 210, 0.2);
 }
-
 #egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_inner_container {
  height: 63px;
  overflow: hidden;
 }
-
 #egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_inner_container a {
  max-width: 60em;
  display: inline-block;
  overflow-wrap: break-word;
  vertical-align: text-top;
 }
-
 #egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_top_toolbar {
  display: inline-block;
  width: 100%;
 }
-
 #egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_top_toolbar .egwpopup_message_date {
  float: left;
  color: #767676;
 }
-
 #egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_top_toolbar .egwpopup_message_open {
  display: inline-block;
  float: right;