diff --git a/CHANGELOG.md b/CHANGELOG.md index 83152e8cfa09..5481188ed5c7 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,10 +7,12 @@ - [Rows and Columns may be now reordered by dragging in Table Input Widget][11271] - [Copying and pasting in Table Editor Widget now works properly][11332] +- [Fix invisible selection in Table Input Widget][11358] [11151]: https://github.com/enso-org/enso/pull/11151 [11271]: https://github.com/enso-org/enso/pull/11271 [11332]: https://github.com/enso-org/enso/pull/11332 +[11358]: https://github.com/enso-org/enso/pull/11358 #### Enso Standard Library diff --git a/app/gui/src/project-view/assets/base.css b/app/gui/src/project-view/assets/base.css index 261fb604d43a..14f89717c21e 100644 --- a/app/gui/src/project-view/assets/base.css +++ b/app/gui/src/project-view/assets/base.css @@ -23,6 +23,7 @@ --color-widget: rgb(255 255 255 / 0.12); --color-widget-focus: rgb(255 255 255 / 0.25); --color-widget-selected: rgb(255 255 255 / 0.58); + --color-widget-selection: rgba(255 255 255 / 0.2); --color-port-connected: rgb(255 255 255 / 0.15); /* colors for specific icons */ diff --git a/app/gui/src/project-view/components/GraphEditor/GraphNodes.vue b/app/gui/src/project-view/components/GraphEditor/GraphNodes.vue index 8ba0edfbacef..667cc1a36019 100644 --- a/app/gui/src/project-view/components/GraphEditor/GraphNodes.vue +++ b/app/gui/src/project-view/components/GraphEditor/GraphNodes.vue @@ -106,8 +106,4 @@ const graphNodeSelections = shallowRef() contain: layout size style; will-change: transform; } - -.layer:deep(::selection) { - background-color: rgba(255, 255, 255, 20%); -} diff --git a/app/gui/src/project-view/components/GraphEditor/widgets/WidgetText.vue b/app/gui/src/project-view/components/GraphEditor/widgets/WidgetText.vue index 0e7a7ff8c5dd..b6acdc547c32 100644 --- a/app/gui/src/project-view/components/GraphEditor/widgets/WidgetText.vue +++ b/app/gui/src/project-view/components/GraphEditor/widgets/WidgetText.vue @@ -132,5 +132,9 @@ export const widgetDefinition = defineWidget( outline: none; background: var(--color-widget-focus); } + + &:deep(::selection) { + background: var(--color-widget-selection); + } } diff --git a/app/gui/src/project-view/components/widgets/NumericInputWidget.vue b/app/gui/src/project-view/components/widgets/NumericInputWidget.vue index 9d71ce65ccf7..2b0418072bc9 100644 --- a/app/gui/src/project-view/components/widgets/NumericInputWidget.vue +++ b/app/gui/src/project-view/components/widgets/NumericInputWidget.vue @@ -159,6 +159,9 @@ defineExpose({ &:focus { background: var(--color-widget-focus); } + &::selection { + background: var(--color-widget-selection); + } } .NumericInputWidget.slider {