Increasing hit targets of item tooltip links

#40
onsubmit · Mar 1, 2015 · 71852e2 · 71852e2
1 parent 77bf781
commit 71852e2
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -311,7 +311,7 @@ table.tile td div.shadowTop {
 #itemTooltip {
   position: absolute;
   z-index: 1000;
-  width: 125px;
+  width: 175px;
   opacity: 0.9;
   filter: Alpha(Opacity=90);
 
@@ -331,7 +331,7 @@ table.tile td div.shadowTop {
   margin: 0;
   height: 24px;
   text-decoration: underline;
-  font-size: 1.2em;
+  font-size: 1.8em;
   line-height: 24px;
 }
 
@@ -350,6 +350,10 @@ table.tile td div.shadowTop {
   display: block;
   color: #eee;
   background-color: #333;
+  height: 24px;
+  line-height: 24px;
+  font-size: 1.6em;
+  padding: 8px 0;
 }
 
 #itemMenu a:link, #itemMenu a:visited {

diff --git a/js/game.js b/js/game.js
@@ -1340,6 +1340,7 @@ function Game(args)
         maxHeight: 300,
         height: "auto",
         show: true,
+        position: { of: game.getMiddleColumn() },
         open: function(event, ui)
         {
           var overrides = ['.ui-dialog', '.ui-widget-overlay', '.ui-widget textarea' ];

diff --git a/js/selectors.js b/js/selectors.js
@@ -1,5 +1,9 @@
 $.extend(Game.prototype,
 {
+  getMiddleColumn: function()
+  {
+    return $("#middleColumn");
+  },
   getPlayer: function()
   {
     return $("#player");