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

implement the style for dropdown, inputbox and table filter (#23502)

Browse Source 
* dropdown, inputbox, headerfilter styles

* fix missing reference

* remove unused import
This commit is contained in:
Alan Ren
2023-06-27 19:36:31 -07:00
committed by GitHub
parent f0d496d9ab
commit 4abcc20781
44 changed files with 155 additions and 559 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/vs/base/browser/ui/button/button.ts
View File

@@ -220,6 +220,7 @@ export class Button extends Disposable implements IButton {
background = border = 'transparent';
foreground = this.options.buttonSecondaryForeground;
fontWeight = fontSize = 'inherit';
this._element.style.backgroundRepeat = 'no-repeat';
} else {
if (this.enabled) {
if (this.options.secondary) {

15
src/vs/base/browser/ui/inputbox/inputBox.ts
View File

@@ -57,6 +57,11 @@ export interface IInputBoxStyles {
readonly inputValidationErrorBorder: string | undefined;
readonly inputValidationErrorBackground: string | undefined;
readonly inputValidationErrorForeground: string | undefined;
// {{SQL CARBON EDIT}}
readonly disabledInputBackground: string | undefined;
readonly disabledInputForeground: string | undefined;
readonly disabledInputBorder: string | undefined;
// {{SQL CARBON EDIT}} - End
}
export interface IInputValidator {
@@ -97,7 +102,12 @@ export const unthemedInboxStyles: IInputBoxStyles = {
inputBorder: undefined,
inputValidationErrorForeground: undefined,
inputValidationInfoForeground: undefined,
inputValidationWarningForeground: undefined
inputValidationWarningForeground: undefined,
// {{SQL CARBON EDIT}}
disabledInputBackground: undefined,
disabledInputForeground: undefined,
disabledInputBorder: undefined
// {{SQL CARBON EDIT}} - End
};
export class InputBox extends Widget {
@@ -233,9 +243,6 @@ export class InputBox extends Widget {
this.applyStyles();
}
public style(styles: IInputBoxStyles): void { // {{SQL CARBON TODO}} - remove this method
}
protected onBlur(): void {
this._hideMessage();
if (this.options.showPlaceholderOnFocus) {

8
src/vs/platform/theme/browser/defaultStyles.ts
View File

@@ -16,6 +16,7 @@ import { IListStyles } from 'vs/base/browser/ui/list/listWidget';
import { ISelectBoxStyles } from 'vs/base/browser/ui/selectBox/selectBox';
import { Color } from 'vs/base/common/color';
import { IMenuStyles } from 'vs/base/browser/ui/menu/menu';
import { disabledInputBackground, disabledInputForeground } from 'sql/platform/theme/common/colors'; // {{SQL CARBON EDIT}}
export type IStyleOverride<T> = {
[P in keyof T]?: ColorIdentifier | undefined;
@@ -118,7 +119,12 @@ export const defaultInputBoxStyles: IInputBoxStyles = {
inputValidationWarningForeground: asCssVariable(inputValidationWarningForeground),
inputValidationErrorBorder: asCssVariable(inputValidationErrorBorder),
inputValidationErrorBackground: asCssVariable(inputValidationErrorBackground),
inputValidationErrorForeground: asCssVariable(inputValidationErrorForeground)
inputValidationErrorForeground: asCssVariable(inputValidationErrorForeground),
// {{SQL CARBON EDIT}}
disabledInputBackground: asCssVariable(disabledInputBackground),
disabledInputForeground: asCssVariable(disabledInputForeground),
disabledInputBorder: 'transparent'
// {{SQL CARBON EDIT}} - END
};
export function getInputBoxStyle(override: IStyleOverride<IInputBoxStyles>): IInputBoxStyles {