Changed layout of top panel in browser.

Signed-off-by: jbicker <jan.bicker@typefox.io>
This commit is contained in:
jbicker 2019-07-12 14:37:56 +02:00
parent 2a0273c771
commit 5e728523ef
3 changed files with 23 additions and 0 deletions

View File

@ -31,6 +31,8 @@ import { FileSystemCommands } from '@theia/filesystem/lib/browser/filesystem-fro
import { FileDownloadCommands } from '@theia/filesystem/lib/browser/download/file-download-command-contribution';
import { MonacoMenus } from '@theia/monaco/lib/browser/monaco-menu';
import {TerminalMenus} from '@theia/terminal/lib/browser/terminal-frontend-contribution';
import { SelectBoardDialog } from './boards/select-board-dialog';
import { BoardsToolBarItem } from './boards/boards-toolbar-item';
export namespace ArduinoMenus {
export const SKETCH = [...MAIN_MENU_BAR, '3_sketch'];

View File

@ -2,6 +2,8 @@ import { BrowserMenuBarContribution } from '@theia/core/lib/browser/menu/browser
import { ArduinoMenuContribution } from './arduino-menu-contribution';
import { ContainerModule, interfaces } from 'inversify';
import '../../../src/browser/style/browser-menu.css'
export default new ContainerModule((bind: interfaces.Bind, unbind: interfaces.Unbind) => {
unbind(BrowserMenuBarContribution);
bind(BrowserMenuBarContribution).to(ArduinoMenuContribution).inSingletonScope();

View File

@ -0,0 +1,19 @@
#theia-top-panel {
min-height: 64px;
flex-direction: column;
}
.p-TabBar-toolbar {
justify-content: flex-end;
margin: 0;
padding-left: 10px;
width: 100%;
}
.p-MenuBar-item.p-mod-active {
color: var(--theia-inverse-ui-font-color3);
}
.p-MenuBar.p-mod-active .p-MenuBar-item.p-mod-active {
color: var(--theia-ui-bar-font-color0);
}