From b31ca136b0d1a499a394850ece1c5db5d781d428 Mon Sep 17 00:00:00 2001 From: chris <kokosias@yahoo.gr> Date: Wed, 8 Nov 2023 12:37:10 +0200 Subject: [PATCH] add hover to dropdown --- .../src/MatchingService/components/DropDownComponent.js | 3 ++- .../MatchingService/components/TestModeDropDownComponent.js | 3 ++- .../src/MultipleDropDownService/components/ReadOnlyDropDown.js | 3 ++- .../components/NumericalAnswerDropDownCompontent.js | 3 ++- .../src/QuestionsDropDownToolGroupService/DropDownComponent.js | 3 ++- wax-table-service/src/components/TableDropDown.js | 3 ++- 6 files changed, 12 insertions(+), 6 deletions(-) diff --git a/wax-questions-service/src/MatchingService/components/DropDownComponent.js b/wax-questions-service/src/MatchingService/components/DropDownComponent.js index 2ad24b4f5..19ffdbd17 100644 --- a/wax-questions-service/src/MatchingService/components/DropDownComponent.js +++ b/wax-questions-service/src/MatchingService/components/DropDownComponent.js @@ -54,7 +54,8 @@ const DropDownMenu = styled.div` padding: 8px 10px; } - span:focus { + span:focus, + span:hover { background: #f2f9fc; outline: 2px solid #f2f9fc; } diff --git a/wax-questions-service/src/MatchingService/components/TestModeDropDownComponent.js b/wax-questions-service/src/MatchingService/components/TestModeDropDownComponent.js index 34751cc94..1f28cb77a 100644 --- a/wax-questions-service/src/MatchingService/components/TestModeDropDownComponent.js +++ b/wax-questions-service/src/MatchingService/components/TestModeDropDownComponent.js @@ -55,7 +55,8 @@ const DropDownMenu = styled.div` padding: 8px 10px; } - span:focus { + span:focus, + span:hover { background: #f2f9fc; outline: 2px solid #f2f9fc; } diff --git a/wax-questions-service/src/MultipleDropDownService/components/ReadOnlyDropDown.js b/wax-questions-service/src/MultipleDropDownService/components/ReadOnlyDropDown.js index 2b7a2dd5c..0f96256e9 100644 --- a/wax-questions-service/src/MultipleDropDownService/components/ReadOnlyDropDown.js +++ b/wax-questions-service/src/MultipleDropDownService/components/ReadOnlyDropDown.js @@ -59,7 +59,8 @@ const DropDownMenu = styled.div` padding: 8px 10px; } - span:focus { + span:focus, + span:hover { background: #f2f9fc; outline: 2px solid #f2f9fc; } diff --git a/wax-questions-service/src/NumericalAnswerService/components/NumericalAnswerDropDownCompontent.js b/wax-questions-service/src/NumericalAnswerService/components/NumericalAnswerDropDownCompontent.js index 4f11de0fa..a9a817300 100644 --- a/wax-questions-service/src/NumericalAnswerService/components/NumericalAnswerDropDownCompontent.js +++ b/wax-questions-service/src/NumericalAnswerService/components/NumericalAnswerDropDownCompontent.js @@ -57,7 +57,8 @@ const DropDownMenu = styled.div` padding: 8px 10px; } - span:focus { + span:focus, + span:hover { background: #f2f9fc; outline: 2px solid #f2f9fc; } diff --git a/wax-questions-service/src/QuestionsDropDownToolGroupService/DropDownComponent.js b/wax-questions-service/src/QuestionsDropDownToolGroupService/DropDownComponent.js index 44cc98c07..da1b97e76 100644 --- a/wax-questions-service/src/QuestionsDropDownToolGroupService/DropDownComponent.js +++ b/wax-questions-service/src/QuestionsDropDownToolGroupService/DropDownComponent.js @@ -51,7 +51,8 @@ const DropDownMenu = styled.div` padding: 8px 10px; } - span:focus { + span:focus, + span:hover { background: #f2f9fc; outline: 2px solid #f2f9fc; } diff --git a/wax-table-service/src/components/TableDropDown.js b/wax-table-service/src/components/TableDropDown.js index 98766692e..9625d2373 100644 --- a/wax-table-service/src/components/TableDropDown.js +++ b/wax-table-service/src/components/TableDropDown.js @@ -52,7 +52,8 @@ const DropDownMenu = styled.div` padding: 8px 10px; } - span:focus { + span:focus, + span:hover { background: #f2f9fc; outline: 2px solid #f2f9fc; } -- GitLab