Add icon to Dashboard button indicating external link (#6)

OpenWeb-Archive · Mar 10, 2019 · 38e4ac0 · 38e4ac0
1 parent a280514
commit 38e4ac0
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/assets/images/dashboard_button.svg b/assets/images/dashboard_button.svg
diff --git a/assets/stylesheets/admin.css b/assets/stylesheets/admin.css
@@ -12,6 +12,7 @@
 .spotim-page-wrap .nav-tab-wrapper .pull-to-end {
     float: right;
     margin-right: 0;
+    padding-right: 30px;
 }
 .spotim-page-wrap .nav-tab-wrapper .pull-to-end:hover,
 .spotim-page-wrap .nav-tab-wrapper .pull-to-end:focus {
@@ -91,3 +92,10 @@
     right: initial;
     left: -30px;
 }
+
+a.spotim-dashboard-button {
+    background-image: url('../images/dashboard_button.svg') !important;
+    background: no-repeat;
+    background-size: 20px 20px;
+    background-position: right 5px top 5px;
+}
diff --git a/templates/admin-template.php b/templates/admin-template.php
@@ -6,7 +6,7 @@
         <a href="<?php echo esc_url( '?page=' . $this->slug . '&tab=display' ); ?>" class="nav-tab <?php echo ( 'display' === $this->active_tab ) ? 'nav-tab-active' : ''; ?>"><?php esc_html_e( 'Display', 'spotim-comments' ); ?></a>
         <a href="<?php echo esc_url( '?page=' . $this->slug . '&tab=import' ); ?>" class="nav-tab <?php echo ( 'import' === $this->active_tab ) ? 'nav-tab-active' : ''; ?>"><?php esc_html_e( 'Comments Sync', 'spotim-comments' ); ?></a>
         <a href="<?php echo esc_url( '?page=' . $this->slug . '&tab=advanced' ); ?>" class="nav-tab <?php echo ( 'advanced' === $this->active_tab ) ? 'nav-tab-active' : ''; ?>"><?php esc_html_e( 'Advanced', 'spotim-comments' ); ?></a>
-        <a href="https://admin.spot.im/" class="nav-tab pull-to-end" target="_blank"><?php esc_html_e( 'Spot.IM Dashboard', 'spotim-comments' ); ?></a>
+        <a href="https://admin.spot.im/" class="nav-tab pull-to-end spotim-dashboard-button" target="_blank"><?php esc_html_e( 'Spot.IM Dashboard', 'spotim-comments' ); ?></a>
     </nav>
 
     <form method="post" action="options.php">