LAB-linuxserver/core
1
0
Fork 0
mirror of https://github.com/linuxserver/core.git synced 2026-02-20 05:07:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request +15222 from c9/ide-revert

Browse Source 
Fix tab tooltip
This commit is contained in:
Harutyun Amirjanyan 2017-02-24 15:40:01 +04:00 committed by GitHub
commit 5ac9f4c8dd
5 changed files with 86 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
plugins/c9.ide.ace/style.less
View File

@ -206,7 +206,7 @@
color : @gutter-tooltip-color;
.font-smoothing(@gutter-tooltip-font-smoothing);
}
.ace_dark .ace_tooltip {
.ace_dark .ace_tooltip, .ace_dark.ace_tooltip {
box-shadow : @gutter-tooltip-dark-shadow !important;
background : @gutter-tooltip-dark-background !important;
border : 1px solid @gutter-tooltip-dark-border;

86
plugins/c9.ide.editors/pane.js
View File

@ -204,40 +204,98 @@ define(function(require, module, exports) {
/***** Methods *****/
function addCustomTooltipHandler(el) {
el.addEventListener("mousemove", function(e) {
var target = e.target;
var amlTab = apf.findHost(target);
var tooltipTimer;
var tooltipHideTimer;
var currentTarget;
function hide() {
console.log("hide", currentTarget)
if (tooltipTimer) tooltipTimer = clearTimeout(tooltipTimer);
if (tooltipHideTimer) tooltipHideTimer = clearTimeout(tooltipHideTimer);
if (tooltip) tooltip.hide();
currentTarget = null;
}
function findTab(e) {
var amlTab = apf.findHost(e.target);
var tab = amlTab && amlTab.cloud9tab;
if (!tab) return tooltip && tooltip.hide();
return tab;
}
el.addEventListener("mousemove", function(e) {
if (apf.isMousePressed)
return tooltip && tooltip.hide();
var tab = findTab(e);
if (tooltip && tooltip.isOpen) {
tooltipHideTimer = clearTimeout(tooltipHideTimer);
if (currentTarget != tab) {
currentTarget = tab;
updateTooltip();
}
} else {
if (currentTarget != tab || !tooltipTimer) {
tooltipTimer = clearTimeout(tooltipTimer);
tooltipTimer = setTimeout(updateTooltip, 150);
currentTarget = tab;
}
}
});
function updateTooltip() {
console.log("show", currentTarget)
tooltipTimer = clearTimeout(tooltipTimer);
tooltipHideTimer = clearTimeout(tooltipHideTimer);
var tab = currentTarget;
if (!tab) return hide();
var tooltipTitle = tab.tooltip || tab.title;
if (!tooltipTitle) return tooltip && tooltip.hide();
if (!tooltipTitle) return hide();
if (!tooltip)
tooltip = new Tooltip(document.body);
var activeTab = tab.pane.activeTab || tab;
if (activeTab.classList.contains("dark"))
tooltip.getElement().classList.add("ace_dark");
else
tooltip.getElement().classList.remove("ace_dark");
var rect = tab.aml.$button.getBoundingClientRect();
var style = tooltip.getElement().style;
style.top = rect.bottom + 10 + "px";
style.textAlign = "center";
tooltip.setText(tooltipTitle);
style.minWidth = rect.width + "px";
style.maxWidth = "40em";
style.whiteSpace = "pre-wrap";
style.wordWrap = "normal";
tooltip.setText(tooltipTitle.replace(/[/.-]/g, "\u200b$&"));
tooltip.show();
var tooltipRect = tooltip.getElement().getBoundingClientRect();
style.minWidth = rect.width + "px";
var left = rect.left + rect.width / 2 - tooltipRect.width / 2;
if (left + tooltipRect.width > window.innerWidth)
left = Math.max(0, window.innerWidth - tooltipRect.width);
if (left + tooltipRect.width > window.innerWidth - 2)
left = Math.max(0, window.innerWidth - 2 - tooltipRect.width);
if (left < 2)
left = 2;
if (tooltipRect.width > window.innerWidth - 4)
style.maxWidth = window.innerWidth - 4 + "px";
style.left = left + "px";
});
}
el.addEventListener("mouseout", function(e) {
tooltip && tooltip.hide();
if (tooltip && tooltip.isOpen) {
clearTimeout(tooltipHideTimer);
tooltipHideTimer = setTimeout(hide, 100);
}
if (tooltipTimer)
tooltipTimer = clearTimeout(tooltipTimer);
});
el.addEventListener("mousedown", hide);
plugin.on("beforeUnload", function() {
tooltip && tooltip.destroy();
tooltip = null;
if (tooltip) {
hide();
tooltip.destroy();
tooltip = null;
}
});
}

2
plugins/c9.ide.layout.classic/themes/default-flat-dark.less
View File

@ -792,7 +792,7 @@
@gutter-tooltip-shadow: @language-tooltip-box-shadow;
@gutter-tooltip-background: @language-tooltip-background;
@gutter-tooltip-border: @language-tooltip-border-color;
@gutter-tooltip-color: darken(#e0e3e8, @darken-chrome);
@gutter-tooltip-color: darken(#333, @darken-chrome);
@gutter-tooltip-font-smoothing: false;
@gutter-tooltip-dark-shadow: 1px 1px 6px darken(rgba(0, 0, 0, 0.8), @darken-chrome);

2
plugins/c9.ide.ui/ui.js
View File

@ -50,10 +50,12 @@ define(function(require, module, exports) {
apf.initialize('<a:application xmlns:a="http://ajax.org/2005/aml" />');
window.addEventListener("mousedown", function() {
apf.isMousePressed = true;
document.body.classList.add("disableIframe");
}, true);
window.addEventListener("mouseup", function() {
apf.isMousePressed = false;
document.body.classList.remove("disableIframe");
}, true);
}

13
settings/standalone.js
View File

@ -1,9 +1,15 @@
var assert = require("assert");
module.exports = function(manifest, installPath) {
if (!manifest) {
manifest = require(__dirname + "/../package.json");
manifest.revision =
manifest.revision ||
require("c9/git").getHeadRevisionSync(__dirname + "/..");
if (!manifest.revision) {
try {
manifest.revision = require("c9/git").getHeadRevisionSync(__dirname + "/..");
} catch (e) {
console.error(e);
}
}
}
var path = require("path");
@ -19,6 +25,7 @@ module.exports = function(manifest, installPath) {
readWin32Settings();
var home = process.env.HOME;
assert(home, "home directory must be set");
if (!installPath)
installPath = path.join(home, ".c9");