@@ -862,3 +862,42 @@ table.products-collection-table tr.disabled { | |||
#ticket-list .btn-sm { | |||
display: block; | |||
} | |||
/* line 307, ../../sass/backend/custom.scss */ | |||
#toast-container { | |||
width: 350px; | |||
} | |||
/* line 308, ../../sass/backend/custom.scss */ | |||
.toast { | |||
float: right; | |||
} | |||
/* line 310, ../../sass/backend/custom.scss */ | |||
#toast-container:before:hover { | |||
opacity: 1; | |||
cursor: pointer; | |||
} | |||
/* line 314, ../../sass/backend/custom.scss */ | |||
#toast-container:before { | |||
content: 'x'; | |||
position: absolute; | |||
pointer-events: auto; | |||
z-index: 999999999999999999999; | |||
background: #BD362F; | |||
border-radius: 3px; | |||
color: #fff; | |||
opacity: 0.8; | |||
top: 1px; | |||
width: 50px; | |||
height: 50px; | |||
font-size: 30px; | |||
left: 0px; | |||
text-align: center; | |||
-webkit-text-shadow: 0 1px 0 #fff; | |||
text-shadow: 0 1px 0 #fff; | |||
-moz-box-shadow: 0 0 12px #999; | |||
-webkit-box-shadow: 0 0 12px #999; | |||
box-shadow: 0 0 12px #999; | |||
} |
@@ -157,7 +157,12 @@ function setFlashMessages(flashMessages){ | |||
} | |||
function generateNotice(type, text) { | |||
toastr.options.timeOut = 30000; | |||
$('#toast-container:before').on('click', function (){ | |||
alert('niche') | |||
}); | |||
toastr.options.timeOut = 3000000; | |||
toastr.options.extendedTimeOut = 3000000; | |||
toastr.options.preventDuplicates = true; | |||
toastr[type](text); | |||
@@ -302,3 +302,33 @@ table.products-collection-table tr.disabled{opacity: 0.5} | |||
display: block ; | |||
} | |||
} | |||
#toast-container { width: 350px;} | |||
.toast{float: right} | |||
#toast-container:before:hover { | |||
opacity:1; | |||
cursor:pointer; | |||
} | |||
#toast-container:before { | |||
content:'x'; | |||
position: absolute; | |||
pointer-events: auto; | |||
z-index: 999999999999999999999; | |||
background: #BD362F; | |||
border-radius: 3px; | |||
color:#fff; | |||
opacity:0.8; | |||
top: 1px; | |||
width: 50px; | |||
height: 50px; | |||
font-size: 30px; | |||
left: 0px; | |||
text-align: center; | |||
-webkit-text-shadow: 0 1px 0 #fff; | |||
text-shadow: 0 1px 0 #fff; | |||
-moz-box-shadow: 0 0 12px #999; | |||
-webkit-box-shadow: 0 0 12px #999; | |||
box-shadow: 0 0 12px #999; | |||
} |