Here is a tip on how to work around the tooltips in Aware IM. The tooltips (all tooltips for panel tools, buttons etc.. Basically all the too long/wide tooltips and most know what I mean) are currently really wide and looks like shite . This seems (have just done preliminary tests) to work fully for all tooltips and doesn´t seem to mess anything else up. Note, this is a JS and CSS WORKAROUND only and having this done properly in extjs would be best (support?):
1. Open aware.js (easiest to do this first in aware_full.js so you see what to do)
2. Search for quicktip
3. Change
FROM:
Code: Select all
Ext.tip.QuickTipManager.init(false);
Ext.apply(Ext.tip.QuickTipManager.getQuickTip(), {
minWidth: 350
});
Code: Select all
Ext.tip.QuickTipManager.init(false);
Ext.apply(Ext.tip.QuickTipManager.getQuickTip(), {
});
.x-tip and x-tip-body. These classes are probably in the themes main CSS file. Change
FROM:
Code: Select all
/* line 1, ../../../../ext/packages/ext-theme-base/sass/src/tip/Tip.scss */
.x-tip {
position: absolute;
overflow: visible;
width: auto !important;
/*pointer needs to be able to stick out*/ }
/* line 6, ../../../../ext/packages/ext-theme-base/sass/src/tip/Tip.scss */
.x-tip-body {
overflow: hidden;
position: relative;
width: auto !important; }
Code: Select all
/* line 1, ../../../../ext/packages/ext-theme-base/sass/src/tip/Tip.scss */
.x-tip {
position: absolute;
overflow: visible;
height: auto !important;
/*pointer needs to be able to stick out*/ }
/* line 6, ../../../../ext/packages/ext-theme-base/sass/src/tip/Tip.scss */
.x-tip-body {
overflow: hidden;
position: relative;
height: auto !important; }