A little Eclipse Juno setting: getting rid of huge tabs and tab closing buttons
The new Eclipse Juno (version 4.2) has a new interface building model based on UI plug-ins and CSS-like styles. And if earlier some of the actions for tuning the interface could be made from the settings, now there is a virgin empty:
Therefore, you have to dig into the CSS-style interface design (CSS-like styles are now used in this environment).
')
This is what the window looks like at the first launch:
What I don't like: huge tabs, cross tab closing, non-configurable font. Also, do not like the rounded corners of the tabs, but this is already beyond the scope of this article, so for now we are hammering.
So, to fully edit CSS styles, you need to put the appropriate plugin, put it from the update site download.eclipse.org/e4/updates/0.12 , and is called the E4 CSS Editor plugin (located in the E4 group toos ). We put it, at the same time you can put the plug-in E4 CSS Spy , it will help to dig into the classes running Eclipse, to understand which styles to prescribe on which components.
Restarting Eclipse after installing the plugins, go to the settings and in place of the almost empty interface settings page we see a simple CSS-style editor:
First, change the font in the tab header (in the .MPartStack 11 block, change to 8, add the
Now it’s important: save the document via Ctrl + S, and only then click Apply or OK! For warranty, you can restart Eclipse to see the changes.
Now we change the height of the tab headers (I needed to change only for the document tabs, the rest are fine, so we add the ID of this block, and you can find out the ID through CSS Spy, which is launched by the hotkey Shift + Alt + F4)
Now we remove the button for closing the tab, we remove it globally (it is more convenient for me to close the tab with the middle mouse button, and the button itself takes up an inadmissible amount of space on the tab):
And that's what comes out of it:
This approach can customize a lot of interface things, but not all, unfortunately. It is better to save the finished CSS file to a safe place, all of a sudden with what update it will be demolished.
There is no detailed and complete documentation on the used CSS in the network, you will have to either use CSS Spy, or watch the source code of the renderer. But for initial reading there are a few useful links:
Therefore, you have to dig into the CSS-style interface design (CSS-like styles are now used in this environment).
')
This is what the window looks like at the first launch:
What I don't like: huge tabs, cross tab closing, non-configurable font. Also, do not like the rounded corners of the tabs, but this is already beyond the scope of this article, so for now we are hammering.
So, to fully edit CSS styles, you need to put the appropriate plugin, put it from the update site download.eclipse.org/e4/updates/0.12 , and is called the E4 CSS Editor plugin (located in the E4 group toos ). We put it, at the same time you can put the plug-in E4 CSS Spy , it will help to dig into the classes running Eclipse, to understand which styles to prescribe on which components.
Restarting Eclipse after installing the plugins, go to the settings and in place of the almost empty interface settings page we see a simple CSS-style editor:
First, change the font in the tab header (in the .MPartStack 11 block, change to 8, add the
font-family element with the name of your favorite font): .MPartStack { font-size: 8; swt-simple: false; font-family: "PT Sans"; swt-mru-visible: false; } Now it’s important: save the document via Ctrl + S, and only then click Apply or OK! For warranty, you can restart Eclipse to see the changes.
Now we change the height of the tab headers (I needed to change only for the document tabs, the rest are fine, so we add the ID of this block, and you can find out the ID through CSS Spy, which is launched by the hotkey Shift + Alt + F4)
CTabFolder#org-eclipse-e4-primaryDataStack { swt-tab-height: 16px; } Now we remove the button for closing the tab, we remove it globally (it is more convenient for me to close the tab with the middle mouse button, and the button itself takes up an inadmissible amount of space on the tab):
CTabItem { swt-show-close: false; } And that's what comes out of it:
This approach can customize a lot of interface things, but not all, unfortunately. It is better to save the finished CSS file to a safe place, all of a sudden with what update it will be demolished.
There is no detailed and complete documentation on the used CSS in the network, you will have to either use CSS Spy, or watch the source code of the renderer. But for initial reading there are a few useful links:
Source: https://habr.com/ru/post/147417/
All Articles