How to WORKAROUND non autosized tooltips

[hpl123]

Hi all,
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
		});

TO:

Code: Select all

Ext.tip.QuickTipManager.init(false);
		Ext.apply(Ext.tip.QuickTipManager.getQuickTip(), {
		});

4. Open your theme CSS file and here your have to find the CSS file that has the following CSS classes:
.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; }

TO:

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; }