File tree Expand file tree Collapse file tree 2 files changed +5
-5
lines changed
src/vs/editor/contrib/colorPicker/browser Expand file tree Collapse file tree 2 files changed +5
-5
lines changed Original file line number Diff line number Diff line change 48
48
cursor : pointer;
49
49
color : white;
50
50
flex : 1 ;
51
+ white-space : nowrap;
52
+ overflow : hidden;
51
53
}
52
54
53
55
.colorpicker-header .picked-color .picked-color-presentation {
54
56
white-space : nowrap;
55
- margin-left : 30 px ;
57
+ margin-left : 5 px ;
56
58
margin-right : 5px ;
57
59
}
58
60
59
61
.colorpicker-header .picked-color .codicon {
60
62
color : inherit;
61
63
font-size : 14px ;
62
- position : absolute;
63
- left : 8px ;
64
64
}
65
65
66
66
.colorpicker-header .picked-color .light {
Original file line number Diff line number Diff line change @@ -38,9 +38,9 @@ export class ColorPickerHeader extends Disposable {
38
38
dom . append ( container , this . _domNode ) ;
39
39
40
40
this . _pickedColorNode = dom . append ( this . _domNode , $ ( '.picked-color' ) ) ;
41
- this . _pickedColorPresentation = dom . append ( this . _pickedColorNode , document . createElement ( 'div' ) ) ;
41
+ dom . append ( this . _pickedColorNode , $ ( 'span.codicon.codicon-color-mode' ) ) ;
42
+ this . _pickedColorPresentation = dom . append ( this . _pickedColorNode , document . createElement ( 'span' ) ) ;
42
43
this . _pickedColorPresentation . classList . add ( 'picked-color-presentation' ) ;
43
- dom . append ( this . _pickedColorNode , $ ( '.codicon.codicon-color-mode' ) ) ;
44
44
45
45
const tooltip = localize ( 'clickToToggleColorOptions' , "Click to toggle color options (rgb/hsl/hex)" ) ;
46
46
this . _pickedColorNode . setAttribute ( 'title' , tooltip ) ;
You can’t perform that action at this time.
0 commit comments