show server group color name (#20271)

This commit is contained in:
Alan Ren
2022-08-08 17:06:13 -07:00
committed by GitHub
parent 57ef5721a3
commit 973c1c2437
4 changed files with 35 additions and 17 deletions

View File

@@ -9,11 +9,10 @@
}
.group-color-options .server-group-color {
flex: 1 1 auto;
height: 20px;
margin: 5px;
margin: 0px;
}
.server-group-dialog {
padding: 15px
}
}

View File

@@ -190,24 +190,25 @@ export class ServerGroupDialog extends Modal {
for (let i = 0; i < this.withViewModel.colors.length; i++) {
const color = this.withViewModel.colors[i];
const colorColorBox = new Colorbox(container, {
const colorBox = new Colorbox(container, {
name: 'server-group-color',
class: ['server-group-color'],
label: localize('serverGroup.colorValue', "Color: {0}", color),
label: localize('serverGroup.colorValue', "Group Color: {0}", color),
colorName: color
});
this._register(colorColorBox.onSelect((viaKeyboard) => {
this._register(colorBox.onSelect((viaKeyboard) => {
this.onSelectGroupColor(color);
}));
colorColorBox.style({
colorBox.style({
backgroundColor: Color.fromHex(color)
});
// Theme styler
this._register(attachCheckboxStyler(colorColorBox, this._themeService));
this._register(attachCheckboxStyler(colorBox, this._themeService));
// add the new colorbox to the color map
this._colorColorBoxesMap[i] = { color, colorbox: colorColorBox };
this._colorColorBoxesMap[i] = { color, colorbox: colorBox };
}
}