ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-01-18 17:22:45 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix properties container and overflow actionbar styles (#10180)

Browse Source 
* Fix styles

* Undo bold
This commit is contained in:
Charles Gagnon
2020-04-28 16:27:07 -07:00
committed by GitHub
parent 98f3f57f77
commit 750f6e6559
9 changed files with 101 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/sql/workbench/browser/modelComponents/propertiesContainer.component.ts
View File

@@ -13,6 +13,8 @@ import * as azdata from 'azdata';
import { ComponentBase } from 'sql/workbench/browser/modelComponents/componentBase';
import { IComponent, IComponentDescriptor, IModelStore } from 'sql/platform/dashboard/browser/interfaces';
import { PropertiesContainer, PropertyItem } from 'sql/base/browser/ui/propertiesContainer/propertiesContainer.component';
import { registerThemingParticipant, IColorTheme, ICssStyleCollector } from 'vs/platform/theme/common/themeService';
import { PROPERTIES_CONTAINER_PROPERTY_NAME, PROPERTIES_CONTAINER_PROPERTY_VALUE } from 'vs/workbench/common/theme';
@Component({
selector: `modelview-properties-container`,
@@ -54,3 +56,22 @@ export default class PropertiesContainerComponent extends ComponentBase implemen
this._propertiesContainer.propertyItems = newValue;
}
}
registerThemingParticipant((theme: IColorTheme, collector: ICssStyleCollector) => {
const propertyNameColor = theme.getColor(PROPERTIES_CONTAINER_PROPERTY_NAME);
if (propertyNameColor) {
collector.addRule(`
modelview-properties-container .propertyName,
modelview-properties-container .splitter {
color: ${propertyNameColor}
}`);
}
const propertyValueColor = theme.getColor(PROPERTIES_CONTAINER_PROPERTY_VALUE);
if (propertyValueColor) {
collector.addRule(`modelview-properties-container .propertyValue {
color: ${propertyValueColor}
}`);
}
});