make columns fixed and over content

[APKPM.git] / templates / user.html.ep

diff --git a/templates/user.html.ep b/templates/user.html.ep
index 76f847d..81ebbaf 100644 (file)
--- a/templates/user.html.ep
+++ b/templates/user.html.ep
@@ -60,6 +60,29 @@
 
     CRM.$inject = ['$xhr'];
   </script>
+
+<style type="text/css">
+#columns {
+       position: fixed;
+       top: 0;
+       right: 0;
+       z-index: 10;
+       background: #eee;
+}
+
+#columns > span {
+       float: right;
+}
+
+#columns ul {
+       display: none;
+}
+
+#columns:hover ul {
+       display: block;
+}
+</style>
+
   <div ng:controller="CRM">
    <form ng:submit="fetch()">
     <input type="hidden" name="function_name" value="CRM_search"      size="20"/>
@@ -73,8 +96,8 @@
     <b ng:show="response">{{response.length}} results for <tt>{{args}}</tt></b>
    </form>
 
-<div style="font-size: 80%; float: right" ng:show="response">
-Add columns:
+<div id="columns" ng:show="response">
+<span>Add columns</span>
 <ul>
 <li ng:repeat="c in keys(response)" ng:show="columns.indexOf(c) < 0" ng:click="columns.push(c)">{{c}}
 </ul>