Fix: clipped dropdown in style selection (closes #239)

TNOCS · Oct 20, 2015 · 6228ce5 · 6228ce5
1 parent 45d76f6
commit 6228ce5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/csComp/directives/StyleList/StyleList.tpl.html b/csComp/directives/StyleList/StyleList.tpl.html
@@ -2,7 +2,7 @@
     <h4 class="leftpanel-header" translate="STYLES"></h4>
     <div ng-show="vm.$layerService.noStyles" translate="STYLE_INFO"></div>
     <div class="scrolling" style="overflow-y: auto; overflow-x: hidden" resize resize-y="95">
-        <div data-ng-repeat="group in vm.$layerService.project.groups" style="margin-left: 5px;clear:left;float:left">
+        <div data-ng-repeat="group in vm.$layerService.project.groups" style="margin-left: 10px;clear:left;">
             <div ng-show="group.styles.length">
                 <div style="float:left;margin-left: -10px; margin-top: 5px" data-toggle="collapse" data-target="#stylegroup_{{group.id}}"><i class="fa fa-chevron-down togglebutton toggle-arrow-down"></i><i class="fa fa-chevron-up togglebutton toggle-arrow-up"></i></div>
                 <div class="group-title">{{group.title}}</div>
@@ -25,7 +25,7 @@ <h4 class="leftpanel-header" translate="STYLES"></h4>
                                         </div>
                                         <b class="caret"></b>
                                     </div>
-                                    <ul class="dropdown-menu" role="menu">
+                                    <ul class="dropdown-menu" role="menu" style="right:0;left:initial;white-space:nowrap;min-width:130px">
                                         <li ng-repeat="(key,val) in style.colorScales" style="margin:3px;cursor: pointer">
                                             <span ng-click="vm.$layerService.updatePropertyStyle(key,val,$parent);
                                                   $parent.style.colors = val;
@@ -40,7 +40,7 @@ <h4 class="leftpanel-header" translate="STYLES"></h4>
                                     <div class="style-settings" data-toggle="dropdown">
                                         <div class="style-aspect style-{{style.visualAspect}}"></div><b class="caret"></b>
                                     </div>
-                                    <ul class="dropdown-menu" role="menu">
+                                    <ul class="dropdown-menu" role="menu" style="right:0;left:initial;white-space:nowrap;min-width:130px">
                                         <li ng-repeat="title in style.availableAspects" style="margin:3px;cursor: pointer">
                                             <i class="style-aspect style-{{title}}" style="float:left" />
                                             <span ng-click="$parent.style.visualAspect = title;vm.$layerService.updateStyle($parent.style)">

diff --git a/csComp/includes/css/csStyles.css b/csComp/includes/css/csStyles.css
@@ -240,7 +240,7 @@ html, body, #container {
   display: inline;
   font-size: 13px;
   position: absolute;
-  left: 55px; }
+  left: 40px; }
 
 /* End StyleList */
 /* Start OfflineSearch */