How can I remove explorer listitem hover tooltips in VS Code? - visual-studio-code

I want to remove this suggestion in VS Code which comes on hover, as it disrupts my scrolling.

That area of the UI is called the explorer. What you're seeing is generally called a "tooltip" in UI terminology. Looking through the available settings at the time of this writing, I do not see a setting to disable tooltips for the explorer listitems.
I looked through settings containing "tooltip" and ones starting with explorer. and workbench.list. and didn't find such a configuration point.
If you open the developer tools with the Developer: Toggle Developer Tools command, you'll see that that particular tooltip is just implmeneted with the HTML title attribute. The way that it is rendered is up to the browser, which in this case is chromium, and the particular style it appears in differs by platform / OS.
You might be able to write an extension that removes those title attributes.

Related

Do not show user input in console autocomplete

Recently, I have noticed that Google Chrome's JavaScript console autocompletes previously inputted commands. For example:
I want to remove this feature because the autocomplete displays variables that may not exist. Is there a way to remove this feature?
Yes. A lot of people found it annoying, so they added a setting to disable it.
First, enter the DevTools settings from the menu button in the top right corner.
Then, in the "General" section, disable "Autocomplete from history".

How to use color picker (eye dropper)?

There is a very useful tool built in chrome dev tool, that I have just discovered. I even don't know its name, and I am not able to find it on google. I would say it is a pixel inspector tool.
I find the following method how to use it:
1a. Inspect an html element with background color.
1b. Define background color of an element.
Click on the color picker.
Move your mouse over any element on the page (not on the dev tool)
See: http://skalar.darkware.hu/skalkaz/Chrome-Colorpicker.gif
My questions:
What is this tool name?
How to use it easily? Most of the time I don't care the color, but I want to inspect the pixels of an icon.
Is there a hotkey of this tool?
To open the Eye Dropper simply:
Open DevTools F12
Go to Elements tab
Under Styles side bar click on any color preview box
Its main functionality is to inspect pixel color values by clicking them though with its new features you can also see your page's existing colors palette or material design palette by clicking on the two arrows icon at the bottom. It can get quite handy when designing your page.
It is just called the eyedropper tool. There is no shortcut key for it that I'm aware of. The only way you can use it now is by clicking on the color picker box in styles sidebar and then clicking on the page as you have already been doing.
Currently, the eyedropper tool is not working in my version of Chrome (as described above), though it worked for me in the past. I hear it is being updated in the latest version of Chrome.
However, I'm able to grab colors easily in Firefox.
Open page in Firefox
Hamburger Menu -> Web Developer -> Eyedropper
Drag eyedropper tool over the image... Click.
Color is copied to your clipboard, and eyedropper tool goes away.
Paste color code
In case you cannot get the eyedropper tool to work in Chrome, this is a good work around.
I also find it easier to access :-)

Is there a way to search/filter properties in Styles pane of Google Devtools?

On the Elements tab 'Find' functionality (cmd+F/ctrl+F) doesn't search through styles pane. Is there a way to type CSS property with HTML element selected and find it quickly in the Styles panel?
Bottom right corner, light gray text says "Find in styles". Click there and enter your search.
Unfortunately, such functionality does not exist in current Chrome Dev Tools.
But its present in Opera Dragonfly and its very handy, so, probably Chrome will copy it, eventually (but no such feature request exists in bug tracker now).
On the latest Chrome on Mac, I'm getting the filter at the top of the styles pane. I can't believe that I never noticed it given that I've needed it so many times!
Try using CTRL+Shif+F on the Elements tab

Adding menu listener for Paste option in SWT Browser

I have a org.eclipse.swt.browser.Browser instance created in a composite. I would like to know when some content is pasted in the browser using the (platform specific) right click context menu and selecting the paste option.
In the menuDetected() of MenuDetectListener, I get a notification when the context menu is detected in the browser.
How can I know if the Paste option is selected from the context menu?
Regards,
Noopur
No you can't access the selected context menu item. There is no direct provision for that. At least not in eclipse 3.7. Although, you could try different combinations of events for determining the menu item. For example, in windows the internet explorer populates the status bar with 'inserts the clipboard...' when your mouse pointer hovers over the Paste menu item, you can capture this using StatusTextListener event.
Note: The hack is not an elegant solution, even if you get it working, there is still some possibility that it may break with new or older releases of SWT or in fact its behavior may vary with operating systems !!

Implementing quick fixes list in eclipse

I develop plugin for eclipse, which marks some location in files. Also, user must have ability to do some actions with this markers, something like this list of actions in spellchecker:
http://i.stack.imgur.com/euB3g.png
but the only realization i've found is http://wiki.eclipse.org/FAQ_How_do_I_implement_Quick_Fixes_for_my_own_language%3F
which implements quick fixes list which looks more like autocompletion list (screenshot is in article above).
So how i can implement list of quick fixes, which will be shown in marker's tooltip? This must work in any editor, or at least in CDT's editor and default text editor in eclipse.
The Eclipse Wiki article you reference is the correct way to add quick fixes. The quick fixes are associated with markers which may appear in your editor (if they are associated with a resource and line number).
There are several ways markers and their quick fixes are visible. In the java editor, markers by default appear highlighted with an icon in the ruler. Clicking on the icon, hitting ctrl+1 while editing that line, or hovering over the marker will open a popup with quickfixes.
Markers are also visible in the problems view. Similarly you can use the context menu or Ctrl+1 to open possble quickfixes.