MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 36: / Line 36: @@
-.mw-pygments-copy-button {
+/* Botão de Copiar para SyntaxHighlight */
-    display: block !important;
+$(function() {
-    visibility: visible !important;
+    $('.mw-highlight').each(function() {
-    color: #000 !important;
+        var $block = $(this);
-    background-color: #eee !important;
+        if ($block.find('.copy-btn').length > 0) return; // Evita duplicados
-    border: 1px solid #ccc !important;
-    padding: 2px 5px !important;
+        var $button = $('<button>')
-    position: absolute;
+            .text('Copy')
-    right: 5px;
+            .addClass('copy-btn')
-    top: 5px;
+            .css({
-     z-index: 100;
+                'position': 'absolute',
-}
+                'top': '5px',
+                'right': '5px',
+                'z-index': '100',
+                'padding': '3px 8px',
+                'background': '#3366cc',
+                'color': '#fff',
+                'border': 'none',
+                'border-radius': '3px',
+                'cursor': 'pointer',
+                'font-size': '12px'
+            });
+        $button.on('click', function() {
+            var text = $block.find('pre').text();
+            navigator.clipboard.writeText(text).then(function() {
+                $button.text('Copied!').css('background', '#00af89');
+                setTimeout(function() {
+                    $button.text('Copy').css('background', '#3366cc');
+                }, 2000);
+            });
+        });
+        $block.css('position', 'relative').prepend($button);
+     });
+});