Minor style changes for context menu

alpheios-project · May 29, 2014 · a0d8ef4 · a0d8ef4
1 parent c103c6e
commit a0d8ef4
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 4 deletions.
diff --git a/app/css/arethusa.css b/app/css/arethusa.css
@@ -32,6 +32,13 @@
   /*background: #fff;*/
 }
 
+.menu-element {
+  padding: 0.2rem;
+}
+.menu-element:hover {
+  background-color: #ebebeb;
+}
+
 #sidepanel {
   z-index: 1;
   position: relative;

diff --git a/app/js/arethusa.context_menu/directives/plugin_context_menu.js b/app/js/arethusa.context_menu/directives/plugin_context_menu.js
@@ -3,9 +3,10 @@ angular.module('arethusa.contextMenu').directive('pluginContextMenu', function (
   return {
     restrict: 'E',
     scope: true,
+    replace: true,
     link: function (scope, element, attrs) {
       scope.plugin = scope.$eval(attrs.name);
     },
     template: '      <div id="{{ plugin.name }}-context-menu"         ng-include="plugin.contextMenuTemplate">      </div>    '
   };
-});
+});
diff --git a/app/templates/arethusa.context_menu/arethusa_context_menu.html b/app/templates/arethusa.context_menu/arethusa_context_menu.html
@@ -1,5 +1,5 @@
 <div id="tcm{{ tokenId }}" class="f-dropdown content hide">
   <div ng-if="active()" ng-repeat="plugin in plugins">
-    <plugin-context-menu name="plugin"></plugin-context-menu>
+    <plugin-context-menu name="plugin" class="menu-element"></plugin-context-menu>
   </div>
 </div>
diff --git a/app/templates/arethusa.dep_tree/context_menu.html b/app/templates/arethusa.dep_tree/context_menu.html
@@ -1,4 +1,4 @@
 <div>
-  <span class="label radius" ng-click="plugin.disconnect(token)">Disconnect</span>
-  <span class="label radius" ng-click="plugin.toRoot(token)">to Root</span>
+  <span class="label radius" ng-click="plugin.disconnect(token)">disconnect</span>
+  <span class="label radius" ng-click="plugin.toRoot(token)">to root</span>
 </div>