iarv/Piwigo
1
0
Fork 0
mirror of https://github.com/Piwigo/Piwigo.git synced 2026-03-28 17:42:57 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fixes #2360 - Change in the jGrowl popup notification visual

Browse Source 
* Change in the jGrow popup notification visual

- New CSS to change the style
- New JS to add the icon
This commit is contained in:
Martin R
2025-06-11 16:59:09 +02:00
committed by GitHub
parent 40e89ed23b
commit 13b2463a81
2 changed files with 100 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
admin/themes/default/template/updates_ext.tpl
View File

@@ -103,6 +103,34 @@ function updateExtension(type, id, revision) {
});
};
const targetNode = document.getElementById("theAdminPage");
const config = { attributes: false, childList: true, subtree: true };
const callback = (mutationList, observer) => {
for (const mutation of mutationList) {
if (mutation.type === "childList") {
let popup = jQuery("#jGrowl").children();
for (let i = 0; i < popup.length; i++){
if ((jQuery(popup[i])).hasClass("success")){
if (! ((jQuery(popup[i]).children(":first")).hasClass("jGrowl-popup-icon icon-ok"))){
jQuery(popup[i]).prepend('<div class="jGrowl-popup-icon icon-ok"></div>')
}
};
if ((jQuery(popup[i])).hasClass("error")){
if (! ((jQuery(popup[i]).children(":first")).hasClass("jGrowl-popup-icon icon-cancel"))){
jQuery(popup[i]).prepend('<div class="jGrowl-popup-icon icon-cancel"></div>')
}
}
};
}
}
};
const observer = new MutationObserver(callback);
observer.observe(targetNode, config);
function ignoreExtension(type, id) {
queuedManager.add({
type: 'GET',

75
admin/themes/default/theme.css
View File

@@ -2317,10 +2317,79 @@ h2:lang(en) { text-transform:capitalize; }
border-left:4px solid #00529b;
}
.jGrowl-popup-icon{
position: absolute;
font-size: 4em;
left: -25px;
}
.success {
color: #6DCE5E;
background-color:#D6FFCF;
border-left:4px solid #6DCE5E;
color: #3C3C3C;
}
div.jGrowl div.jGrowl-notification.success{
background: none;
background-color: #D6FFCF;
opacity: 1;
text-align: left;
font-family: 'Open Sans';
box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.1);
margin-bottom: 1em;
}
div.success .jGrowl-popup-icon{
color: #4CA530;
}
.error{
color: #3C3C3C;
}
div.jGrowl div.jGrowl-notification.error{
background: none;
background-color: #FFC8C8;
opacity: 1;
text-align: left;
font-family: 'Open Sans';
box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.1);
margin-bottom: 1em;
}
div.error .jGrowl-popup-icon{
color: #BE4949;
}
div.jGrowl div.jGrowl-notification div.jGrowl-message {
font-size: 1.2em !important;
margin: 0% 0% 0% 28%;
}
div.jGrowl div.jGrowl-notification div.jGrowl-header {
font-size: 1.2em !important;
font-weight: 800 !important;
margin: 5% 0% 2% 28%;
}
div.success div.jGrowl-close, div.error div.jGrowl-close {
font-size: 2em !important;
font-weight: 1000 !important;
position: relative;
top: -7px;
right: 1px;
}
div.jGrowl div.jGrowl-closer {
visibility: hidden;
}
div.jGrowl div.jGrowl-notification{
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
zoom: 1;
width: 21vw;
height: 100%;
padding: 18%;
margin-top: 5px;
margin-bottom: 5px;
font-size: 1em;
display: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.metasync-success {