upgrade jgrowl

This commit is contained in:
Mario Vavti
2019-05-13 10:53:10 +02:00
parent fbe8d6144a
commit 1d5fff9f58
20 changed files with 1222 additions and 6 deletions

View File

@@ -0,0 +1,101 @@
.jGrowl {
z-index: 9999;
color: @jgrowl-color;
font-size: @jgrowl-fontSize;
font-family: @jgrowl-fontFamily;
position: fixed;
&.top-left {
left: 0px;
top: 0px;
}
&.top-right {
right: 0px;
top: 0px;
}
&.bottom-left {
left: 0px;
bottom: 0px;
}
&.bottom-right {
right: 0px;
bottom: 0px;
}
&.center {
top: 0px;
width: 50%;
left: 25%;
.jGrowl-notification,
.jGrowl-closer {
margin-left: auto;
margin-right: auto;
}
}
}
.notification() {
background-color: @jgrowl-backgroundColor;
opacity: @jgrowl-opacity;
// These are for older versions of Internet Explorer that don't support opacity
filter: e(%("progid:DXImageTransform.Microsoft.Alpha(Opacity=(%d*100))",@jgrowl-opacity));
-ms-filter: e(%("progid:DXImageTransform.Microsoft.Alpha(Opacity=(%d*100))",@jgrowl-opacity));
zoom: 1;
width: @jgrowl-width;
padding: 10px;
margin: 10px;
text-align: left;
display: none;
border-radius: @jgrowl-borderRadius;
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #000;
background: #000;
color: #fff;
}
}
.jGrowl-notification {
.notification;
min-height: @jgrowl-height;
.jGrowl-header {
font-weight: bold;
font-size: .85em;
}
.jGrowl-close {
background-color: transparent;
color: inherit;
border: none;
z-index: 99;
float: right;
font-weight: bold;
font-size: 1em;
cursor: pointer;
}
}
.jGrowl-closer {
.notification;
padding-top: 4px;
padding-bottom: 4px;
cursor: pointer;
font-size: .9em;
font-weight: bold;
text-align: center;
}
/** Hide jGrowl when printing **/
@media print {
.jGrowl {
display: none;
}
}

View File

@@ -0,0 +1,2 @@
@import "jgrowl.variables.less";
@import "jgrowl.core.less";

View File

@@ -0,0 +1,8 @@
@jgrowl-width: 250px;
@jgrowl-height: 40px;
@jgrowl-backgroundColor: #000;
@jgrowl-color: #fff;
@jgrowl-fontSize: 12px;
@jgrowl-fontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
@jgrowl-opacity: .90;
@jgrowl-borderRadius: 5px;