« MediaWiki:Common.js » : différence entre les versions

Navigation interactive dans l’historique

← Modification précédente Modification suivante →

@@ Ligne 205 : / Ligne 205 : @@
              try {
                  document.execCommand('copy');
-                 showToast('🔗 Lien copié !');
+                 showToast('Lien copié !');
              } catch (err) {
                  showToast('❌ Copie impossible');
@@ Ligne 219 : / Ligne 219 : @@
      var style = document.createElement('style');
      style.id = 'regle-toast-style';
-    style.textContent = [
+style.textContent = [
-        '.regle-toast {',
+    '.regle-toast {',
-        '  position: fixed;',
+    '  position: fixed;',
-        '  bottom: 2rem;',
+    '  bottom: 2rem;',
-        '  left: 50%;',
+    '  left: 50%;',
-        '  transform: translateX(-50%) translateY(1rem);',
+    '  transform: translateX(-50%) translateY(1rem);',
-        '  background: #2c2c2c;',
+    '  background: var(--color-surface-2);',
-        '  color: #f0f0f0;',
+    '  color: var(--color-base);',
-        '  padding: 0.5rem 1.2rem;',
+    '  border: 1px solid var(--color-surface-4);',
-        '  border-radius: 2rem;',
+    '  padding: 0.4rem 1rem;',
-        '  font-size: 0.9rem;',
+    '  border-radius: var(--border-radius-pill, 2rem);',
-        '  opacity: 0;',
+    '  font-size: 0.875rem;',
-        '  pointer-events: none;',
+    '  font-weight: 500;',
-        '  transition: opacity 0.3s ease, transform 0.3s ease;',
+    '  letter-spacing: 0.01em;',
-        '  z-index: 200000;',
+    '  opacity: 0;',
-        '  white-space: nowrap;',
+    '  pointer-events: none;',
-        '  box-shadow: 0 4px 12px rgba(0,0,0,0.5);',
+    '  transition: opacity 0.25s ease, transform 0.25s ease;',
-        '}',
+    '  z-index: 200000;',
-        '.regle-toast.regle-toast--visible {',
+    '  white-space: nowrap;',
-        '  opacity: 1;',
+    '  box-shadow: var(--box-shadow-dialog, 0 4px 16px rgba(0,0,0,0.15));',
-        '  transform: translateX(-50%) translateY(0);',
+    '  display: flex;',
-        '}'
+    '  align-items: center;',
-    ].join('\n');
+    '  gap: 0.4em;',
+    '}',
+    '.regle-toast.regle-toast--visible {',
+    '  opacity: 1;',
+    '  transform: translateX(-50%) translateY(0);',
+    '}'
+].join('\n');
      document.head.appendChild(style);
 }());