MediaWiki:PoemButtons.js: Difference between revisions

← Older edit

@@ Line 30: / Line 30: @@
          }
      } );
-    // Apply styling after the buttons are created
-    setTimeout(function () {
-        $('a[rel="Poem1"], a[rel="Poem2"]').each(function () {
-            this.style.setProperty('margin-top', '7px', 'important');
-            this.style.setProperty('width', '40px', 'important');
-            this.style.setProperty('height', '40px', 'important');
-            this.style.setProperty('min-width', '40px', 'important');
-            this.style.setProperty('min-height', '40px', 'important');
-            this.style.setProperty('background-size', '28px 28px', 'important');
-            this.style.setProperty('background-position', 'center', 'important');
-            this.style.setProperty('background-repeat', 'no-repeat', 'important');
-        });
-    }, 500);
 };
@@ Line 58: / Line 39: @@
 			$.when(
 				mw.loader.using( 'ext.wikiEditor' ), $.ready
-			).then( poemBtn );
+			).then(function () {
+			    poemBtn();
+			    var interval = setInterval(function () {
+			        var btn1 = document.querySelector('a[rel="Poem1"]');
+			        var btn2 = document.querySelector('a[rel="Poem2"]');
+			        if (btn1 && btn2) {
+			            btn1.style.setProperty('margin-top', '7px', 'important');
+			            btn1.style.setProperty('background-size', '30px 30px', 'important');
+						btn1.style.setProperty('margin-right', '8px', 'important');
+						btn2.style.setProperty('margin-top', '7px', 'important');
+			            btn2.style.setProperty('background-size', '30px 30px', 'important');
+			            btn2.style.setProperty('margin-right', '4px', 'important');
+			            clearInterval(interval);
+			        }
+			    }, 100);
+			});
 		}
 	} );
 }