MediaWiki:Common.js: Perbedaan antara revisi
Tidak ada ringkasan suntingan Tanda: Suntingan perangkat seluler Suntingan peramban seluler |
Tidak ada ringkasan suntingan Tanda: Suntingan perangkat seluler Suntingan peramban seluler |
||
| Baris 155: | Baris 155: | ||
🚀 MIPPEDIA DATA - CORE SYSTEM (ULTIMATE BUNDLE) | 🚀 MIPPEDIA DATA - CORE SYSTEM (ULTIMATE BUNDLE) | ||
Status: FINAL & REVISED (Visual Fix + Permission Logic) | Status: FINAL & REVISED (Visual Fix + Permission Logic) | ||
Fix: Mobile Responsive Notification Position | |||
========================================================== */ | ========================================================== */ | ||
| Baris 175: | Baris 176: | ||
}; | }; | ||
// --- 2. KOTAK NOTIFIKASI INFORMASI MODERN --- | // --- 2. KOTAK NOTIFIKASI INFORMASI MODERN (FIXED MOBILE POSITION) --- | ||
function showBoxNotif(title, msg, type) { | function showBoxNotif(title, msg, type) { | ||
$('.mip-box-notif').remove(); | $('.mip-box-notif').remove(); | ||
| Baris 181: | Baris 182: | ||
{bg:'#fff5f5', border:'#f56565', text:'#742a2a', icon:'🚫'}; | {bg:'#fff5f5', border:'#f56565', text:'#742a2a', icon:'🚫'}; | ||
var $notif = $('<div class="mip-box-notif" style="position:fixed; | // Logika CSS Responsif untuk posisi | ||
var isMobile = window.innerWidth <= 768; | |||
var desktopStyle = "top:25px; right:25px; width:350px;"; | |||
var mobileStyle = "top:15px; left:50%; transform:translateX(-50%); width:90%; max-width:400px;"; | |||
var finalPos = isMobile ? mobileStyle : desktopStyle; | |||
var $notif = $('<div class="mip-box-notif" style="position:fixed; ' + finalPos + ' background:'+theme.bg+'; border-left:6px solid '+theme.border+'; padding:18px; z-index:10001; border-radius:12px; box-shadow:0 15px 35px rgba(0,0,0,0.2); font-family:sans-serif; animation:mipSlideIn 0.4s ease-out;">' + | |||
'<div style="display:flex; align-items:center; gap:12px; margin-bottom:8px;">' + | '<div style="display:flex; align-items:center; gap:12px; margin-bottom:8px;">' + | ||
'<span style="font-size:20px;">'+theme.icon+'</span>' + | '<span style="font-size:20px;">'+theme.icon+'</span>' + | ||
| Baris 208: | Baris 215: | ||
var connectorHtml = '<div id="mip-connector" style="background:#fff; border:1px solid #e2e8f0; border-radius:16px; padding:22px; margin-top:30px; box-shadow:0 10px 25px rgba(0,0,0,0.04);">' + | var connectorHtml = '<div id="mip-connector" style="background:#fff; border:1px solid #e2e8f0; border-radius:16px; padding:22px; margin-top:30px; box-shadow:0 10px 25px rgba(0,0,0,0.04);">' + | ||
'<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;">' + | '<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;">' + | ||
'<strong style="font-size:15px; color:#1a202c; display:flex; align-items:center; gap:8px;"> | '<strong style="font-size:15px; color:#1a202c; display:flex; align-items:center; gap:8px;">ID situs</strong>'+editBtn+'</div>' + | ||
'<div id="mip-display" style="display:flex; gap:12px; flex-wrap:wrap;"><small style="color:#a0aec0;">Mensinkronisasi basis data...</small></div>' + | '<div id="mip-display" style="display:flex; gap:12px; flex-wrap:wrap;"><small style="color:#a0aec0;">Mensinkronisasi basis data...</small></div>' + | ||
'<div id="mip-editor" style="display:none; margin-top:20px; border-top:2px solid #f7fafc; padding-top:20px;">' + | '<div id="mip-editor" style="display:none; margin-top:20px; border-top:2px solid #f7fafc; padding-top:20px;">' + | ||