ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-02-16 18:46:40 -05:00
Code Issues Packages Projects Releases Wiki Activity

update style of toggle tab header button (#9827)

Browse Source
This commit is contained in:
Alan Ren
2020-04-02 10:30:08 -07:00
committed by GitHub
parent 223aa3fe0e
commit fae73fe6ff
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/sql/base/browser/ui/panel/media/panel.css
View File

@@ -144,9 +144,11 @@ panel {
border-color: rgb(214, 214, 214); border-color: rgb(214, 214, 214);
} }
.tabbedPanel .action-container { .tabbedPanel .vertical-tab-action-container {
display: flex; display: flex;
flex-flow: row-reverse; flex-flow: row-reverse;
height: 35px;
padding: 0px 5px;
} }
.tabbedPanel .tab-action { .tabbedPanel .tab-action {
@@ -155,9 +157,10 @@ panel {
padding: 0px; padding: 0px;
border: 0px; border: 0px;
background-color: transparent; background-color: transparent;
background-position: 2px center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 11px 11px; background-size: 9px 9px;
align-self: center;
} }
.vs .tabbedPanel .tab-action.collapse { .vs .tabbedPanel .tab-action.collapse {

2
src/sql/base/browser/ui/panel/panel.component.ts
View File

@@ -52,7 +52,7 @@ let idPool = 0;
<div class="tabbedPanel fullsize" [ngClass]="options.layout === NavigationBarLayout.vertical ? 'vertical' : 'horizontal'"> <div class="tabbedPanel fullsize" [ngClass]="options.layout === NavigationBarLayout.vertical ? 'vertical' : 'horizontal'">
<div *ngIf="!options.showTabsWhenOne ? _tabs.length !== 1 : true" class="composite title"> <div *ngIf="!options.showTabsWhenOne ? _tabs.length !== 1 : true" class="composite title">
<div class="tabContainer"> <div class="tabContainer">
<div *ngIf="options.layout === NavigationBarLayout.vertical" class="action-container"> <div *ngIf="options.layout === NavigationBarLayout.vertical" class="vertical-tab-action-container">
<button [attr.aria-expanded]="_tabExpanded" [title]="toggleTabPanelButtonAriaLabel" [attr.aria-label]="toggleTabPanelButtonAriaLabel" [ngClass]="toggleTabPanelButtonCssClass" tabindex="0" (click)="toggleTabPanel()"></button> <button [attr.aria-expanded]="_tabExpanded" [title]="toggleTabPanelButtonAriaLabel" [attr.aria-label]="toggleTabPanelButtonAriaLabel" [ngClass]="toggleTabPanelButtonCssClass" tabindex="0" (click)="toggleTabPanel()"></button>
</div> </div>
<div [style.display]="_tabExpanded ? 'flex': 'none'" [attr.aria-hidden]="_tabExpanded ? 'false': 'true'" class="tabList" role="tablist" scrollable [horizontalScroll]="AutoScrollbarVisibility" [verticalScroll]="HiddenScrollbarVisibility" [scrollYToX]="true" (keydown)="onKey($event)"> <div [style.display]="_tabExpanded ? 'flex': 'none'" [attr.aria-hidden]="_tabExpanded ? 'false': 'true'" class="tabList" role="tablist" scrollable [horizontalScroll]="AutoScrollbarVisibility" [verticalScroll]="HiddenScrollbarVisibility" [scrollYToX]="true" (keydown)="onKey($event)">