Explorar o código

HUE-7980 [editor] The toolbar icon dropdowns should be aligned to the right to avoid horizontal scroll

Enrico Berti %!s(int64=7) %!d(string=hai) anos
pai
achega
a76368d

+ 5 - 5
desktop/libs/notebook/src/notebook/templates/editor_components.mako

@@ -258,9 +258,9 @@ ${ sqlSyntaxDropdown.sqlSyntaxDropdown() }
 
         <!-- ko if: $root.canSave() -->
         <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
-        <ul class="dropdown-menu">
+        <ul class="dropdown-menu pull-right">
           <li>
-            <a class="pointer" title="${ _ko('Wether to open in presentation or editor mode by default') }" data-bind="click: function() { isPresentationModeDefault(!isPresentationModeDefault()); }">
+            <a class="pointer" title="${ _ko('Whether to open in presentation or editor mode by default') }" data-bind="click: function() { isPresentationModeDefault(!isPresentationModeDefault()); }">
               <i class="fa" data-bind="css: {'fa-toggle-on': isPresentationModeDefault(), 'fa-toggle-off': !isPresentationModeDefault()}"></i> ${ _('Open as presentation') }
             </a>
           </li>
@@ -289,7 +289,7 @@ ${ sqlSyntaxDropdown.sqlSyntaxDropdown() }
 
         <!-- ko if: $root.canSave -->
         <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
-        <ul class="dropdown-menu">
+        <ul class="dropdown-menu pull-right">
           <li>
             <a class="pointer" data-bind="click: function() { $('#saveAsModal${ suffix }').modal('show'); }">
               <i class="fa fa-fw fa-save"></i> ${ _('Save as...') }
@@ -305,7 +305,7 @@ ${ sqlSyntaxDropdown.sqlSyntaxDropdown() }
         <a class="btn" data-toggle="dropdown" href="javascript: void(0)">
           <i class="fa fa-fw fa-ellipsis-v"></i>
         </a>
-        <ul class="dropdown-menu">
+        <ul class="dropdown-menu pull-right">
           <li>
           <!-- ko if: editorMode -->
             <a href="javascript:void(0)" data-bind="click: function() { newNotebook($root.editorType(), null, selectedNotebook() ? $root.selectedNotebook().snippets()[0].currentQueryTab() : null); }, attr: { 'title': '${ _('New ') }' +  editorTypeTitle() + '${ _(' Query') }' }">
@@ -1201,7 +1201,7 @@ ${ sqlSyntaxDropdown.sqlSyntaxDropdown() }
     <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
       <span class="caret"></span>
     </a>
-    <ul class="dropdown-menu">
+    <ul class="dropdown-menu pull-right">
       <li>
         <a class="pointer" rel="tooltip" data-placement="bottom" data-bind="click: function() { $root.selectedNotebook().isHidingCode(! $root.isHidingCode()); }, attr: { 'title': $root.isHidingCode() ? '${ _ko('Show the logic') }' : '${ _ko('Hide the logic') }' }">
           <i class="fa fa-fw" data-bind="css: { 'fa-expand': $root.isHidingCode(), 'fa-compress': ! $root.isHidingCode() }"></i>