Cannot hide the minimize/maximize button row in split pane editor layout on Eclipse Neon

Exploring the new features of Eclipse Neon has been a pleasant surprise.

One notable improvement is the ability to reclaim wasted space from the UI with minimal effort. For instance, Gtk 3.20 (on Linux) has optimized scrollbars and gutters so well that custom plugins to hide unnecessary elements are no longer necessary. To remove the entire toolbar row, simply go to Window > Appearance > Hide ToolBar. As for the bottom status bar, you can define override attributes and import a custom CSS file into the target theme using @import('custom_gtk.css'):

#org-eclipse-ui-trim-status,
#org-eclipse-ui-trim-vertical2,
#org-eclipse-ui-main-toolbar {
  visibility: hidden;
}

However, there is one issue that remains unresolved through custom CSS tweaks: in split editor layouts, an extra top row appears with min/max buttons that serve no purpose, resulting in wasted vertical space of about 20-30px.

https://i.sstatic.net/Iffjx.png

I have tried various overrides using CSS Spy without success. Finding a solution to this problem would greatly enhance the VIM-like editing experience that Neon offers.

For further discussion on this issue, refer to the E4 Bugzilla tracker issue, although activity there may be limited, seeking help on Stack Overflow could lead to potential solutions or workarounds.

Answer №1

This solution may seem a bit drastic, but it gets the job done. Within my Eclipse environment, I created a file called custom_gtk.css in the

plugins/org.eclipse.ui.theme.../css
directory. In this file, I included various overrides, including the following:

CTabFolder {
  swt-maximize-visible: false;
  swt-minimize-visible: false
}

By using these CSS rules, I was able to hide all the minimize and maximize elements as well as the unnecessary row where they are typically located. It should be noted that if editor tabs are present, the row will still display while only the min/max buttons are hidden.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What could be the reason why the text inside the anchor tag is not showing up?

The text within the anchor tags, such as feature and pricing, is not visible on the webpage. I attempted to add a color attribute to change this but it did not have any effect. The only thing that changed was the cursor when hovering over the links, while ...

Can someone assist me in properly spacing out my divs for three distinct media queries?

Here is the link to the CodePen containing the code: https://codepen.io/gregelious/pen/zYmLGex The CodePen features a restaurant menu with 3 categories (divs) displayed as separate boxes. (For detailed instructions, visit: https://github.com/jhu-ep-cours ...

Challenges with the height of the calendar component in Vuetify

I need assistance with preventing the appearance of two scroll bars while working with Vuetify's sheet and calendar components. https://i.stack.imgur.com/yBfhj.png Below is my code snippet: <template> <v-app> <v-main> & ...

Does the parent container require a defined width?

I'm working with a parent div that contains three inner child divs. Here's the structure: <div style="width:900px;"> <div style="width:300px;">somedata</div> <div style="width:300px;">somedata</div> <div ...

Unable to load a different webpage into a DIV using Javascript

Today has been a bit challenging for me. I've been attempting to use JavaScript to load content into a <div>. Here is the JavaScript code I'm working with: function loadXMLDoc(filename) { var xmlhttp; if (window.XMLHttpRequest) { ...

Is there a way to transform this fixed alignment of divs, etc. into a responsive layout that automatically adjusts to different screen sizes? - Using HTML and CSS3

If you want to see the demo, you can check it out on JSFiddle by clicking on this link: JSFiddle Demo. This webpage utilizes Twitter's Bootstrap framework, which you can find more information about by visiting . When inspecting the stylesheet on JSF ...

New design in TinyMCE V5: Vertical toolbar labels arranged within a CSS grid layout

When TinyMCE version 5 is placed inside a CSS grid layout, the toolbar labels are displaying vertically. It appears that the "width:auto" property is not being applied correctly, and I am struggling to find a solution to fix it. I would greatly appreciat ...

Align all table row elements vertically within Bootstrap

I'm struggling to vertically align different elements in my Bootstrap table row. I want the "select" dropdown, description text, and button to all appear centered vertically. How can I achieve this? https://i.sstatic.net/Xh3wm.png Below is the code ...

influence the order in which dom elements are loaded when the site is loaded

I am seeking advice on how to control the loading sequence of elements in my website. The issue I am facing involves a curtain effect (a <div> with a background-image) overlaying my site, which triggers an animation function to remove it once the pag ...

Executing a function a specific number of times in Jquery

I have a query regarding JQuery related to randomly placing divs on a webpage. The issue I'm facing is that it currently does this indefinitely. Is there a way to make it run for a specific duration and then stop? $(document).ready(function () { ...

Utilizing CSS float with dynamic height

Is there a way to achieve height:auto; for a parent element even when child elements are using float:left; or float:right? Solution for the Parent Element: #parent { width:100px; height:auto; padding-bottom:10px; background:#0F0; ...

Use JavaScript to identify the front layer

My goal is to adjust the z-index of a table cell using JavaScript to bring it to the top layer. I've discovered that the z-index property only works when the CSS 'position' is set to something other than normal. The issue I'm facing is ...

What is the best way to find a specific class within a CSS file using Visual Studio Code?

Currently, I am working with a bootstrap template on my webpage. I am interested in personalizing specific sections of the design, but unfortunately, I am having trouble identifying the relevant CSS rules within the extensive .css file. My research online ...

Fixed background & cover design for Internet Explorer 11

Visit this link for more information: http://apolytos.com/new/img/test.html <!doctype html> <html> <head> <meta charset="utf-8"> <style> body { background:url("background.jpg"); background-repeat:no-repeat; backgr ...

discovering obscured information using jquery

I am working on a code snippet where I need to hide the detailed content for display purposes and only show it during printing: <div> <ul> <li> <span style="font-size: 1.25em;"> <strong> ...

JavaScript code for styling changes is not functioning as expected

Check out this code snippet: var moving_nav = document.getElementById("moving_nav"); var logo = document.getElementById("logo"); setInterval(function(){ var scrolled = window.pageYOffset || document.documentElement.scrollTop; if (scrolled >= ...

Utilizing conditional styling in React: the ability to add or attach CSS classes based on

Is there a more efficient way to implement conditional formatting for this scenario? const PaginationStorePageLink = ({ store, pageNum }) => (observer(({ PaginationStore }) => { const className = this.props.store.currentPage === this.props.pageNum ...

Modifying the appearance of PHP code by applying CSS styles to the font

Here is the HTML code: <!DOCTYPE html> <html> <head> <title>Greeting Service!</title> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css' /& ...

Show parent menu when child menu is clicked

I'm dealing with a menu that has sub-child menus, and the issue I'm encountering is that whenever I choose a child menu after the page loads, the menu collapses. My goal is to have the parent menu open and expanded instead. This is the HTML Code ...

The issue with setting width using % in React Native is causing trouble

While working on my project using expo react native, I encountered an issue with a horizontal scrollview for images. When I style the images using pixels like this: <Image code... style={{width: 350}}/>, everything works fine. However, if I try to ch ...