diff --git a/doc/classes/ItemList.xml b/doc/classes/ItemList.xml
index 7754a61e8cea..be893a272934 100644
--- a/doc/classes/ItemList.xml
+++ b/doc/classes/ItemList.xml
@@ -524,6 +524,12 @@
[StyleBox] for the hovered, but not selected items.
+
+ [StyleBox] for the hovered and selected items, used when the [ItemList] is not being focused.
+
+
+ [StyleBox] for the hovered and selected items, used when the [ItemList] is being focused.
+
The background style for the [ItemList].
diff --git a/editor/themes/editor_theme_manager.cpp b/editor/themes/editor_theme_manager.cpp
index 32079f3753fa..017777da3e70 100644
--- a/editor/themes/editor_theme_manager.cpp
+++ b/editor/themes/editor_theme_manager.cpp
@@ -1058,6 +1058,10 @@ void EditorThemeManager::_populate_standard_styles(const Ref &p_the
style_itemlist_hover->set_bg_color(p_config.highlight_color * Color(1, 1, 1, 0.3));
style_itemlist_hover->set_border_width_all(0);
+ Ref style_itemlist_hover_selected = style_tree_selected->duplicate();
+ style_itemlist_hover_selected->set_bg_color(p_config.highlight_color * Color(1, 1, 1, 1.2));
+ style_itemlist_hover_selected->set_border_width_all(0);
+
p_theme->set_stylebox(SceneStringName(panel), "ItemList", style_itemlist_bg);
p_theme->set_stylebox("focus", "ItemList", p_config.button_style_focus);
p_theme->set_stylebox("cursor", "ItemList", style_itemlist_cursor);
@@ -1065,6 +1069,8 @@ void EditorThemeManager::_populate_standard_styles(const Ref &p_the
p_theme->set_stylebox("selected_focus", "ItemList", style_tree_focus);
p_theme->set_stylebox("selected", "ItemList", style_tree_selected);
p_theme->set_stylebox("hovered", "ItemList", style_itemlist_hover);
+ p_theme->set_stylebox("hovered_selected", "ItemList", style_itemlist_hover_selected);
+ p_theme->set_stylebox("hovered_selected_focus", "ItemList", style_itemlist_hover_selected);
p_theme->set_color(SceneStringName(font_color), "ItemList", p_config.font_color);
p_theme->set_color("font_hovered_color", "ItemList", p_config.mono_color);
p_theme->set_color("font_selected_color", "ItemList", p_config.mono_color);
diff --git a/scene/gui/item_list.cpp b/scene/gui/item_list.cpp
index 1ba5ef309b0f..414a3c51fa8d 100644
--- a/scene/gui/item_list.cpp
+++ b/scene/gui/item_list.cpp
@@ -1154,6 +1154,8 @@ void ItemList::_notification(int p_what) {
first_item_visible = lo;
}
+ Rect2 cursor_rcache; // Place to save the position of the cursor and draw it after everything else.
+
// Draw visible items.
for (int i = first_item_visible; i < items.size(); i++) {
Rect2 rcache = items[i].rect_cache;
@@ -1170,11 +1172,12 @@ void ItemList::_notification(int p_what) {
rcache.size.width = width - rcache.position.x;
}
- bool should_draw_selected_bg = items[i].selected;
+ bool should_draw_selected_bg = items[i].selected && hovered != i;
+ bool should_draw_hovered_selected_bg = hovered == i && items[i].selected;
bool should_draw_hovered_bg = hovered == i && !items[i].selected;
bool should_draw_custom_bg = items[i].custom_bg.a > 0.001;
- if (should_draw_selected_bg || should_draw_hovered_bg || should_draw_custom_bg) {
+ if (should_draw_selected_bg || should_draw_hovered_selected_bg || should_draw_hovered_bg || should_draw_custom_bg) {
Rect2 r = rcache;
r.position += base_ofs;
@@ -1185,6 +1188,13 @@ void ItemList::_notification(int p_what) {
if (should_draw_selected_bg) {
draw_style_box(sbsel, r);
}
+ if (should_draw_hovered_selected_bg) {
+ if (has_focus()) {
+ draw_style_box(theme_cache.hovered_selected_focus_style, r);
+ } else {
+ draw_style_box(theme_cache.hovered_selected_style, r);
+ }
+ }
if (should_draw_hovered_bg) {
draw_style_box(theme_cache.hovered_style, r);
}
@@ -1354,15 +1364,17 @@ void ItemList::_notification(int p_what) {
}
if (select_mode == SELECT_MULTI && i == current) {
- Rect2 r = rcache;
- r.position += base_ofs;
-
- if (rtl) {
- r.position.x = size.width - r.position.x - r.size.x;
- }
+ cursor_rcache = rcache;
+ }
+ }
+ if (select_mode == SELECT_MULTI && cursor_rcache.size != Size2()) { // Draw cursor last, so border isn't cut off.
+ cursor_rcache.position += base_ofs;
- draw_style_box(cursor, r);
+ if (rtl) {
+ cursor_rcache.position.x = size.width - cursor_rcache.position.x - cursor_rcache.size.x;
}
+
+ draw_style_box(cursor, cursor_rcache);
}
} break;
}
@@ -1960,6 +1972,8 @@ void ItemList::_bind_methods() {
BIND_THEME_ITEM(Theme::DATA_TYPE_CONSTANT, ItemList, line_separation);
BIND_THEME_ITEM(Theme::DATA_TYPE_CONSTANT, ItemList, icon_margin);
BIND_THEME_ITEM_CUSTOM(Theme::DATA_TYPE_STYLEBOX, ItemList, hovered_style, "hovered");
+ BIND_THEME_ITEM_CUSTOM(Theme::DATA_TYPE_STYLEBOX, ItemList, hovered_selected_style, "hovered_selected");
+ BIND_THEME_ITEM_CUSTOM(Theme::DATA_TYPE_STYLEBOX, ItemList, hovered_selected_focus_style, "hovered_selected_focus");
BIND_THEME_ITEM_CUSTOM(Theme::DATA_TYPE_STYLEBOX, ItemList, selected_style, "selected");
BIND_THEME_ITEM_CUSTOM(Theme::DATA_TYPE_STYLEBOX, ItemList, selected_focus_style, "selected_focus");
BIND_THEME_ITEM_CUSTOM(Theme::DATA_TYPE_STYLEBOX, ItemList, cursor_style, "cursor_unfocused");
diff --git a/scene/gui/item_list.h b/scene/gui/item_list.h
index 0836ea33d52b..33079cd6ff17 100644
--- a/scene/gui/item_list.h
+++ b/scene/gui/item_list.h
@@ -152,6 +152,8 @@ class ItemList : public Control {
int line_separation = 0;
int icon_margin = 0;
Ref hovered_style;
+ Ref hovered_selected_style;
+ Ref hovered_selected_focus_style;
Ref selected_style;
Ref selected_focus_style;
Ref cursor_style;
diff --git a/scene/theme/default_theme.cpp b/scene/theme/default_theme.cpp
index f5065e8de10e..20ef9e572434 100644
--- a/scene/theme/default_theme.cpp
+++ b/scene/theme/default_theme.cpp
@@ -129,6 +129,7 @@ void fill_default_theme(Ref &theme, const Ref &default_font, const
// StyleBox colors
const Color style_normal_color = Color(0.1, 0.1, 0.1, 0.6);
const Color style_hover_color = Color(0.225, 0.225, 0.225, 0.6);
+ const Color style_hover_selected_color = Color(1, 1, 1, 0.4);
const Color style_pressed_color = Color(0, 0, 0, 0.6);
const Color style_disabled_color = Color(0.1, 0.1, 0.1, 0.3);
const Color style_focus_color = Color(1, 1, 1, 0.75);
@@ -922,6 +923,8 @@ void fill_default_theme(Ref &theme, const Ref &default_font, const
theme->set_color("font_outline_color", "ItemList", Color(0, 0, 0));
theme->set_color("guide_color", "ItemList", Color(0.7, 0.7, 0.7, 0.25));
theme->set_stylebox("hovered", "ItemList", make_flat_stylebox(Color(1, 1, 1, 0.07)));
+ theme->set_stylebox("hovered_selected", "ItemList", make_flat_stylebox(style_hover_selected_color));
+ theme->set_stylebox("hovered_selected_focus", "ItemList", make_flat_stylebox(style_hover_selected_color));
theme->set_stylebox("selected", "ItemList", make_flat_stylebox(style_selected_color));
theme->set_stylebox("selected_focus", "ItemList", make_flat_stylebox(style_selected_color));
theme->set_stylebox("cursor", "ItemList", focus);