Browse Source

HUE-3789 [editor] Improved close icon in full editor mode

Enrico Berti 9 năm trước cách đây
mục cha
commit
3e0b2883ce

+ 8 - 5
desktop/core/src/desktop/static/desktop/css/hue3.css

@@ -1189,15 +1189,12 @@ a#advanced-btn:hover {
   margin-top: -12px;
 }
 
-#jHueScrollUpAnchor {
+.hueAnchor {
   color: #FFFFFF;
   opacity: 0.65;
   filter: alpha(opacity=65);
-  display: none;
   position: fixed;
   z-index: 2147483647;
-  bottom: 20px;
-  right: 20px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
@@ -1207,12 +1204,18 @@ a#advanced-btn:hover {
   padding-right: 14px;
 }
 
-#jHueScrollUpAnchor:hover {
+.hueAnchor:hover {
   text-decoration: none;
   opacity: 0.85;
   filter: alpha(opacity=85);
 }
 
+#jHueScrollUpAnchor {
+  bottom: 20px;
+  right: 20px;
+  display: none;
+}
+
 #jHueTourMask {
   position: absolute;
   display: none;

+ 1 - 1
desktop/core/src/desktop/static/desktop/js/jquery.scrollup.js

@@ -46,7 +46,7 @@
   Plugin.prototype.init = function () {
     var _this = this;
 
-    var link = $("<a/>").attr("id", "jHueScrollUpAnchor").attr("href", "javascript:void(0)").html("<i class='fa fa-chevron-up'></i>").appendTo("body");
+    var link = $("<a/>").attr("id", "jHueScrollUpAnchor").addClass("hueAnchor").attr("href", "javascript:void(0)").html("<i class='fa fa-chevron-up'></i>").appendTo("body");
     if ($("#jHueScrollUpAnchor").length > 0) { // just one scroll up per page
       link = $("#jHueScrollUpAnchor");
       $(document).off("click", "#jHueScrollUpAnchor");

+ 5 - 0
desktop/libs/notebook/src/notebook/static/notebook/css/notebook.css

@@ -1043,4 +1043,9 @@ pre {
 
 .no-horiz-padding:not(:first-child) a {
   margin-left: 0!important;
+}
+
+.collapse-results {
+  right: 20px;
+  top: 20px;
 }

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

@@ -1206,8 +1206,8 @@ ${ hueIcons.symbols() }
     <a class="inactive-action margin-left-10" href="javascript:void(0)" data-bind="visible: status() != 'ready' && status() != 'loading', click: function() { hideFixedHeaders(); $data.showLogs(!$data.showLogs());}, css: {'blue': $data.showLogs}" title="${ _('Show Logs') }"><i class="fa fa-file-text-o"></i></a>
     <a class="inactive-action margin-left-10" href="javascript:void(0)" data-bind="toggle: settingsVisible, visible: hasProperties, css: { 'blue' : settingsVisible }" title="${ _('Settings and properties') }"><i class="fa fa-cog"></i></a>
     <a class="inactive-action margin-left-10" href="javascript:void(0)" title="${ _('Show editor shortcuts') }" data-toggle="modal" data-target="#helpModal"><i class="fa fa-question"></i></a>
-    <a class="inactive-action margin-left-10" href="javascript:void(0)" title="${ _('Collapse results') }" data-bind="visible: $root.editorMode && !$root.isFullscreenMode() && $root.isPlayerMode(), click: function(){ $root.isPlayerMode(false); }"><i class="fa fa-times"></i></a>
   </div>
+  <a class="hueAnchor collapse-results" href="javascript:void(0)" title="${ _('Collapse results') }" data-bind="visible: $root.editorMode && !$root.isFullscreenMode() && $root.isPlayerMode(), click: function(){ $root.isPlayerMode(false); }"><i class="fa fa-times fa-fw"></i></a>
 </script>
 
 <script type="text/html" id="snippet">