The Eclipse folders are just done with CTabFolder
. In Eclipse Kepler a custom renderer is used to support some of the CSS styling.
The curved edge is shown because CTabFolder.setSimple(false)
has been called.
The area with the icons in it is not part of the tab, it is the view toolbar. It has been placed below the tab because the view is not wide enough to put the icons on the same line. If you increase the width of the view the icons will move to the same line:
Update:
Some of the spacing is due to the custom tab renderer org.eclipse.e4.ui.workbench.renderers.swt.CTabRendering
which uses the following fixed margins:
static final int ITEM_TOP_MARGIN = 2;
static final int ITEM_BOTTOM_MARGIN = 6;
static final int ITEM_LEFT_MARGIN = 4;
static final int ITEM_RIGHT_MARGIN = 4;