extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-25 09:23:28 +01:00
Code Issues Packages Projects Releases Wiki Activity

Improves the message box style

Browse Source
This commit is contained in:
Hadi Nategh 2019-04-09 11:30:36 +02:00
parent f720ffdf1d
commit 014cd08e28
6 changed files with 37 additions and 137 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
pixelegg/css/mobile.css
View File

@ -3232,24 +3232,17 @@ div.admin-config form > table td b {
.success_message,
.warning_message,
.error_message {
color: red;
font-weight: normal;
font-style: italic;
text-align: left;
margin-left: 5px;
padding-left: 20px;
background-image: url(../images/check.png);
background-position: left;
background-repeat: no-repeat;
background-size: 16px;
white-space: pre-wrap;
}
.warning_message {
background-image: url(../images/dialog_warning.png);
border-top: 6px solid rgba(255, 204, 0, 0.9) !important;
}
.error_message {
font-weight: bold;
background-image: url(../images/dialog_error.png);
border-top: 6px solid rgba(204, 0, 51, 0.8) !important;
}
.info_message .discard {
float: right;
@ -3260,33 +3253,16 @@ div.admin-config form > table td b {
*/
body > div#egw_message {
background-color: #E6E6E6;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
border: 3px solid #ffc200;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
border-top-left-radius: 0px;
/*.background-clip(padding-box);*/
right: 33%;
top: 0px;
padding: 10px;
padding-left: 25px;
background-position-x: 5px;
min-width: 100px;
padding: 13px;
padding-left: 20px;
min-width: 1300px;
z-index: 100000;
margin: 0px auto;
max-width: 90%;
white-space: pre-wrap;
border-top: 6px solid #33CC66;
}
/**
* Less-file for egroupware

36
pixelegg/css/monochrome.css
View File

@ -3221,24 +3221,17 @@ div.admin-config form > table td b {
.success_message,
.warning_message,
.error_message {
color: red;
font-weight: normal;
font-style: italic;
text-align: left;
margin-left: 5px;
padding-left: 20px;
background-image: url(../images/check.png);
background-position: left;
background-repeat: no-repeat;
background-size: 16px;
white-space: pre-wrap;
}
.warning_message {
background-image: url(../images/dialog_warning.png);
border-top: 6px solid rgba(255, 204, 0, 0.9) !important;
}
.error_message {
font-weight: bold;
background-image: url(../images/dialog_error.png);
border-top: 6px solid rgba(204, 0, 51, 0.8) !important;
}
.info_message .discard {
float: right;
@ -3249,33 +3242,16 @@ div.admin-config form > table td b {
*/
body > div#egw_message {
background-color: #E6E6E6;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
border: 3px solid #ffc200;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
border-top-left-radius: 0px;
/*.background-clip(padding-box);*/
right: 33%;
top: 0px;
padding: 10px;
padding-left: 25px;
background-position-x: 5px;
min-width: 100px;
padding: 13px;
padding-left: 20px;
min-width: 1300px;
z-index: 100000;
margin: 0px auto;
max-width: 90%;
white-space: pre-wrap;
border-top: 6px solid #33CC66;
}
/**
* Less-file for egroupware

36
pixelegg/css/pixelegg.css
View File

@ -3232,24 +3232,17 @@ div.admin-config form > table td b {
.success_message,
.warning_message,
.error_message {
color: red;
font-weight: normal;
font-style: italic;
text-align: left;
margin-left: 5px;
padding-left: 20px;
background-image: url(../images/check.png);
background-position: left;
background-repeat: no-repeat;
background-size: 16px;
white-space: pre-wrap;
}
.warning_message {
background-image: url(../images/dialog_warning.png);
border-top: 6px solid rgba(255, 204, 0, 0.9) !important;
}
.error_message {
font-weight: bold;
background-image: url(../images/dialog_error.png);
border-top: 6px solid rgba(204, 0, 51, 0.8) !important;
}
.info_message .discard {
float: right;
@ -3260,33 +3253,16 @@ div.admin-config form > table td b {
*/
body > div#egw_message {
background-color: #E6E6E6;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
border: 3px solid #ffc200;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
border-top-left-radius: 0px;
/*.background-clip(padding-box);*/
right: 33%;
top: 0px;
padding: 10px;
padding-left: 25px;
background-position-x: 5px;
min-width: 100px;
padding: 13px;
padding-left: 20px;
min-width: 1300px;
z-index: 100000;
margin: 0px auto;
max-width: 90%;
white-space: pre-wrap;
border-top: 6px solid #33CC66;
}
/**
* Less-file for egroupware

6
pixelegg/less/def_colors.less
View File

@ -15,6 +15,12 @@
@import "definitions.less";
// Basic colour
// Message color codes
@egw_color_msg_error: fade(#CC0033, 80%);
@egw_color_msg_warning: fade(#FFCC00, 90%);
@egw_color_msg_info: #33CC66;
// CI EGW
@egw_color_select: #6699CC;

22
pixelegg/less/layout_dialog.less
View File

@ -423,24 +423,17 @@ div.admin-config form > table {
* Styles for different egw_message-types
*/
.success_message, .warning_message, .error_message {
color: red;
font-weight: normal;
font-style: italic;
text-align: left;
margin-left: 5px;
padding-left: 20px;
background-image: url(../images/check.png);
background-position: left;
background-repeat: no-repeat;
background-size: 16px;
white-space: pre-wrap;
}
.warning_message {
background-image: url(../images/dialog_warning.png);
border-top: 6px solid @egw_color_msg_warning !important;
}
.error_message {
font-weight: bold;
background-image: url(../images/dialog_error.png);
border-top: 6px solid @egw_color_msg_error !important;
}
.info_message .discard {
float:right;
@ -451,17 +444,14 @@ div.admin-config form > table {
*/
body > div#egw_message {
background-color: @gray_10;
.box_shadow_message;
border: 3px solid @egw_color_1_a;
.border_radius (0px, 15px, 15px, 0px);
right: 33%;
top: 0px;
padding: 10px;
padding-left: 25px;
background-position-x: 5px;
min-width: 100px;
padding: 13px;
padding-left: 20px;
min-width: 1300px;
z-index: 100000;
margin: 0px auto;
max-width: 90%;
white-space: pre-wrap;
border-top: 6px solid @egw_color_msg_info;
}

36
pixelegg/mobile/fw_mobile.css
View File

@ -3243,24 +3243,17 @@ div.admin-config form > table td b {
.success_message,
.warning_message,
.error_message {
color: red;
font-weight: normal;
font-style: italic;
text-align: left;
margin-left: 5px;
padding-left: 20px;
background-image: url(../images/check.png);
background-position: left;
background-repeat: no-repeat;
background-size: 16px;
white-space: pre-wrap;
}
.warning_message {
background-image: url(../images/dialog_warning.png);
border-top: 6px solid rgba(255, 204, 0, 0.9) !important;
}
.error_message {
font-weight: bold;
background-image: url(../images/dialog_error.png);
border-top: 6px solid rgba(204, 0, 51, 0.8) !important;
}
.info_message .discard {
float: right;
@ -3271,33 +3264,16 @@ div.admin-config form > table td b {
*/
body > div#egw_message {
background-color: #E6E6E6;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
border: 3px solid #ffc200;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
border-top-left-radius: 0px;
/*.background-clip(padding-box);*/
right: 33%;
top: 0px;
padding: 10px;
padding-left: 25px;
background-position-x: 5px;
min-width: 100px;
padding: 13px;
padding-left: 20px;
min-width: 1300px;
z-index: 100000;
margin: 0px auto;
max-width: 90%;
white-space: pre-wrap;
border-top: 6px solid #33CC66;
}
/**
* Less-file for egroupware