Use background-image on edit pencil so that it can be embedded in CSS

InternationalScratchWiki · Jan 4, 2021 · c570dfc · c570dfc
1 parent 9d11cde
commit c570dfc
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/ScratchWikiSkinTemplate.php b/ScratchWikiSkinTemplate.php
@@ -75,9 +75,7 @@ public function execute() {
 				</form>
 			</li>
 			<li class="link right content-actions">
-				<a class="dropdown-toggle" href="?action=edit">
-					<img src="<?=$wgStylePath?>/ScratchWikiSkin2/resources/Edit-pencil.png" width="25" height="25" />
-				</a>
+				<a class="dropdown-toggle" href="?action=edit"></a>
 				<ul class="dropdown">
 <?php foreach ($this->data['content_actions'] as $key => $tab) { ?>
 					<?=$this->makeListItem($key, $tab)?>

diff --git a/resources/css/main.css b/resources/css/main.css
@@ -682,8 +682,13 @@ dl dt {
 
 #navigation ul>li.content-actions>a.dropdown-toggle {
     height: 25px;
-    width: auto;
+    width: 25px;
     padding: 12.5px;
+    /* @embed */
+    background-image: url('../Edit-pencil.png');
+    background-size: 25px 25px;
+    background-position: center;
+    background-repeat: no-repeat;
 }
 
 #lastmod {
@@ -890,4 +895,4 @@ dl dt {
 
 #mw-input-wpscratchwikiskin-header-color {
     font-family: monospace;
-}
+}