From 4c520172a9914c2e32b13fb23f29fcea73e9625a Mon Sep 17 00:00:00 2001
From: Max Ogden <max@maxogden.com>
Date: Fri, 1 Jul 2011 18:19:17 -0700
Subject: [PATCH] starting to hook up a modal menu

---
 attachments/pages/index.html |  3 +++
 attachments/script/site.js   |  6 ++++++
 attachments/style/demo.css   | 31 +++++++++++++++++++++++++++++++
 3 files changed, 40 insertions(+)
diff --git a/attachments/pages/index.html b/attachments/pages/index.html
index 38ea828a..ce268f7c 100644
--- a/attachments/pages/index.html
+++ b/attachments/pages/index.html
@@ -17,6 +17,9 @@
 </head> 
 <body>
 	<div class="container">
+    <ul class="menu">
+    	<li><a href="JavaScript:void(0);">yo doods</a></li>
+    </ul>
     <div id="header">
       <div id="project-title" style="display: block; "></div>
       <div id="project-controls" style="display: block; "></div>
diff --git a/attachments/script/site.js b/attachments/script/site.js
index cc002736..cb4129fd 100644
--- a/attachments/script/site.js
+++ b/attachments/script/site.js
@@ -30,6 +30,12 @@ app.routes = {
 app.after = {
   tableContainer: function() {
     removalist.activateControls();
+  },
+  dataTable: function() {
+    $('.column-header-menu').click(function(e) {
+      var offset = $(e.target).offset();
+      $('.menu').show().css({top: offset.top + 20, left: offset.left});
+    })
   }
 }
 
diff --git a/attachments/style/demo.css b/attachments/style/demo.css
index 92a4d279..9c636ce3 100644
--- a/attachments/style/demo.css
+++ b/attachments/style/demo.css
@@ -42,3 +42,34 @@
  a.button span.icon.loading { background-image: url(../images/loader.gif); }
  .loading { background-image: url(../images/loader.gif); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 3px;}
  a.button:hover span.icon.loading { background-image: url(../images/loader-blue.gif); }
+
+ul.menu {
+  display: none;
+  outline-style: none;
+  background: white;
+  color: black;
+  font-size: 12px;
+  height: auto;
+  list-style: none;
+  overflow: hidden;
+  position: absolute;
+  text-align: left;
+  width: 120px;
+  z-index: 666;
+  border: 1px solid #CCC;
+  border-right: 1px solid #666;
+  border-bottom: 1px solid #666;
+  margin: 0; padding: 0; }
+  ul.menu * {
+    margin: 0;
+    padding: 0; }
+  ul.menu a {
+    line-height: 14px;
+    color: black;
+    display: block;
+    padding: 5px 7px;
+    text-decoration: none; }
+  ul.menu li {
+    height: 24px; }
+  ul.menu li:hover {
+    background-color: #DBE8F8 }
\ No newline at end of file
