Explorar o código

HUE-6077 [frontend] Improve SQL context popover styling

This takes care of some spacing issues and it makes sure that long titles are displayed properly.
Johan Ahlen %!s(int64=8) %!d(string=hai) anos
pai
achega
bea69f6691

A diferenza do arquivo foi suprimida porque é demasiado grande
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


A diferenza do arquivo foi suprimida porque é demasiado grande
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue3-extra.css


+ 2 - 1
desktop/core/src/desktop/static/desktop/less/hue-assist.less

@@ -717,10 +717,11 @@
 .sql-context-flex-fill {
   overflow: hidden;
   position: relative;
+  margin: 0 10px;
   .flex(1 1 100%);
 
   .alert {
-    margin: 0 15px;
+    margin: 0 5px;
   }
 }
 

+ 6 - 4
desktop/core/src/desktop/templates/sql_context_popover.mako

@@ -268,10 +268,12 @@ from metadata.conf import has_navigator
   <script type="text/html" id="sql-context-popover-template">
     <div class="hue-popover" data-bind="css: orientationClass, style: { 'left': left() + 'px', 'top': top() + 'px', 'width': width() + 'px', height: height() + 'px' }, resizable: { containment: 'document', handles: resizeHelper.resizableHandles, start: resizeHelper.resizeStart, stop: resizeHelper.resizeStop, resize: resizeHelper.resize }">
       <div class="hue-popover-arrow" data-bind="style: { 'margin-left': leftAdjust() + 'px',  'margin-top': topAdjust() + 'px' }"></div>
-      <div class="hue-popover-title">
-        <i class="pull-left fa muted" data-bind="css: iconClass" style="margin-top: 3px"></i> <span data-bind="text: title"></span>
-        <a class="pull-right pointer inactive-action" data-bind="click: close"><i class="fa fa-fw fa-times"></i></a>
-        <a class="pull-right pointer inactive-action" data-bind="visible: pinEnabled, click: pin"><i class="fa fa-fw fa-thumb-tack"></i></a>
+      <div class="hue-popover-title" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 30px;">
+        <i class="fa muted" data-bind="css: iconClass" style="margin-top: 3px"></i> <span data-bind="text: title"></span>
+        <div style="position: absolute; right: 6px; top: 8px;">
+          <a class="pointer inactive-action" data-bind="visible: pinEnabled, click: pin"><i class="fa fa-fw fa-thumb-tack"></i></a>
+          <a class="pointer inactive-action" data-bind="click: close"><i class="fa fa-fw fa-times"></i></a>
+        </div>
       </div>
       <!-- ko template: 'sql-context-contents' --><!-- /ko -->
     </div>

Algúns arquivos non se mostraron porque demasiados arquivos cambiaron neste cambio