Updated variable dropdown

public/app/directives/variableValueSelect.js

@@ -30,11 +30,9 @@ function (angular, app, _) {
 
 
         vm.selectedValues = _.filter(vm.options, {selected: true});
         vm.selectedValues = _.filter(vm.options, {selected: true});
 
 
-        if (!vm.tags) {
         vm.tags = _.map(vm.variable.tags, function(value) {
         vm.tags = _.map(vm.variable.tags, function(value) {
           return { text: value, selected: false };
           return { text: value, selected: false };
         });
         });
-        }
 
 
         vm.search = {query: '', options: vm.options};
         vm.search = {query: '', options: vm.options};
         vm.dropdownVisible = true;
         vm.dropdownVisible = true;

public/css/less/submenu.less

@@ -55,14 +55,14 @@
   min-width: 150px;
   min-width: 150px;
   max-height: 400px;
   max-height: 400px;
   min-height: 150px;
   min-height: 150px;
-  background-color: @dropdownBackground;
   overflow-y: auto;
   overflow-y: auto;
   overflow-x: hidden;
   overflow-x: hidden;
-  box-shadow: 0px 0px 55px 0px black;
-  border: 1px solid @grafanaTargetFuncBackground;
+  background-color: @dropdownBackground;
+  box-shadow: 0 0 25px 0 rgba(0,0,0,0.4);
   z-index: 1000;
   z-index: 1000;
   font-size: @baseFontSize;
   font-size: @baseFontSize;
   border-radius: 3px 3px 0 0;
   border-radius: 3px 3px 0 0;
+  border: 1px solid @grafanaTargetFuncBackground;
 
 
   &.multi {
   &.multi {
    .selected {
    .selected {