ui: add back and top button

abev66 · Jun 12, 2012 · 84dae15 · 84dae15
1 parent b115e9c
commit 84dae15
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 2 deletions.
diff --git a/header.inc b/header.inc
@@ -1,2 +1,3 @@
+<a name='top'></a>
 <div class='header'>ybot</div>
 <div class='subtitle'>The Control Panel of a Little Plurk Bot!</div>
diff --git a/keyworddetail.php b/keyworddetail.php
@@ -72,7 +72,7 @@
 		}
 		?>
 		</table>
-		<a href='javascript:history.back()'>Back</a>
+		<a href='javascript:history.back()' class='back-btn'><img src='images/back.png'> Back</a>
 	  </div>
   </body>
 </html>

diff --git a/keywordedit.php b/keywordedit.php
@@ -91,6 +91,7 @@
 				}
 		?>
 	  </div>
+	  <div style='text-align: center'><a class='top-btn' href='#top'><img src='images/top.png' />Top</a></div>
     </div>
   </body>
 </html>
diff --git a/responsedetail.php b/responsedetail.php
@@ -61,7 +61,7 @@
 		}
 		?>
 		</div>
-		<a href='javascript:history.back()'>Back</a>
+		<a href='javascript:history.back()' class='back-btn'><img src='images/back.png'> Back</a>
 
   </body>
 </html>

diff --git a/responseedit.php b/responseedit.php
@@ -100,6 +100,7 @@
 				}
 		?>
 		</table>
+		<div style='text-align: center'><a class='top-btn' href='#top'><img src='images/top.png' />Top</a></div>
 	  </div>
     </div>
   </body>

diff --git a/style.css b/style.css
@@ -331,4 +331,13 @@ span:hover {
 }
 .unlink-btn:hover {
   background-color: #58B4FF;
+}
+
+.back-btn, .top-btn {
+  height: 32px;
+}
+
+.back-btn img, .top-btn img{
+  display: inline-block;
+  vertical-align: middle;
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -72,7 +72,7 @@ @@
     		}
     		?>
     		</table>
-    		<a href='javascript:history.back()'>Back</a>
+    		<a href='javascript:history.back()' class='back-btn'><img src='images/back.png'> Back</a>
     	  </div>
       </body>
     </html>
@@ Expand Down @@