Skip to content

Commit

Permalink
Aligned widget content in sidepanels to header title.
Browse files Browse the repository at this point in the history
Fixes #4622

Signed-off-by: Jan Bicker <jan.bicker@typefox.io>
  • Loading branch information
jbicker committed Mar 20, 2019
1 parent e35ba88 commit f58fc3a
Show file tree
Hide file tree
Showing 11 changed files with 53 additions and 7 deletions.
1 change: 1 addition & 0 deletions packages/core/src/browser/shell/side-panel-handler.ts
Original file line number Diff line number Diff line change
Expand Up @@ -152,6 +152,7 @@ export class SidePanelHandler {
mode: 'single-document'
});
sidePanel.id = 'theia-' + this.side + '-side-panel';
sidePanel.addClass('theia-side-panel');

sidePanel.widgetActivated.connect((sender, widget) => {
this.tabBar.currentTitle = widget.title;
Expand Down
4 changes: 4 additions & 0 deletions packages/core/src/browser/style/alert-messages.css
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,10 @@
padding: 10px;
}

.theia-side-panel .theia-alert-message-container {
padding-left: 20px;
}

.theia-alert-message-container i {
padding-right: 3px;
}
Expand Down
4 changes: 3 additions & 1 deletion packages/core/src/browser/style/tree.css
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,9 @@

.theia-ExpansionToggle {
padding-right: var(--theia-ui-padding);
min-width: 8px;
min-width: 10px;
display: flex;
justify-content: center;
}

.theia-ExpansionToggle:hover {
Expand Down
9 changes: 9 additions & 0 deletions packages/debug/src/browser/style/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,11 @@
color: var(--theia-ui-font-color1);
}

.theia-side-panel .theia-debug-container .theia-ExpansionToggle {
padding-right: 4px;
min-width: 10px;
}

#theia-bottom-content-panel .theia-session-container .theia-view-container {
flex-direction: row;
}
Expand Down Expand Up @@ -118,6 +123,10 @@
margin-left: var(--theia-ui-padding);
}

.theia-side-panel .debug-toolbar {
padding-left: 3px;
}

.theia-session-container > .debug-toolbar {
padding-top: var(--theia-ui-padding);
padding-bottom: var(--theia-ui-padding);
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,10 @@
flex-shrink: 0;
}

.theia-side-panel #extensionSearchContainer {
padding-left: 20px;
}

#extensionSearchFieldContainer {
flex: 1;
}
Expand Down Expand Up @@ -56,6 +60,10 @@
background: var(--theia-layout-color0);
}

.theia-side-panel .theia-extensions .extensionHeaderContainer {
padding-left: 20px;
}

.theia-extensions .extensionHeaderContainer:hover {
background: var(--theia-layout-color2);
}
Expand Down
7 changes: 2 additions & 5 deletions packages/git/src/browser/style/history.css
Original file line number Diff line number Diff line change
Expand Up @@ -18,11 +18,7 @@
margin: 3px 0;
}

.theia-git .commitListElement {
border-top: 1px solid var(--theia-layout-color4);
}

.theia-git .commitListElement.first {
.theia-git .commitListElement.first .containerHead{
border: none;
}

Expand All @@ -31,6 +27,7 @@
height: 50px;
display: flex;
align-items: center;
border-top: 1px solid var(--theia-layout-color4);
}

.theia-git .commitListElement .containerHead:hover {
Expand Down
4 changes: 4 additions & 0 deletions packages/git/src/browser/style/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,10 @@
background: var(--theia-layout-color0);
}

.theia-side-panel .theia-git {
padding-left: 19px;
}

.theia-git:focus, .theia-git :focus {
outline: 0;
box-shadow: none;
Expand Down
4 changes: 4 additions & 0 deletions packages/markers/src/browser/style/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,10 @@
padding: 5px;
}

.theia-side-panel .theia-marker-container .noMarkers {
padding-left: 19px;
}

.theia-marker-container .markerNode,
.theia-marker-container .markerFileNode {
display: flex;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
*
* SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
********************************************************************************/

.theia-plugins {
min-width: 250px !important;
background-color: var(--theia-layout-color0);
Expand All @@ -35,6 +35,13 @@
border-bottom: 1px solid;
}

.theia-side-panel .theia-plugins .pluginHeaderContainer {
padding-left: 20px;
}


.

.theia-plugins .pluginHeaderContainer:hover {
background: var(--theia-layout-color2);
}
Expand Down
10 changes: 10 additions & 0 deletions packages/search-in-workspace/src/browser/styles/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,11 @@
box-sizing: border-box;
}

.t-siw-search-container .theia-ExpansionToggle {
padding-right: 4px;
min-width: 6px;
}

.t-siw-search-container input[type="text"] {
flex: 1;
line-height: var(--theia-content-line-height);
Expand Down Expand Up @@ -328,6 +333,11 @@
box-sizing: border-box;
}

.theia-side-panel .replace-toggle {
width: 13px;
min-width: 13px;
}

.replace-toggle:hover {
background: var(--theia-layout-color2);
}
Expand Down
Binary file added plugins/ms-vscode.references-view-0.0.26.vsix
Binary file not shown.

0 comments on commit f58fc3a

Please sign in to comment.