From d664da9152b22241a367784ab8351cb8bead48b2 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Fri, 16 Dec 2016 15:51:07 +0200
Subject: [PATCH] dorpdown input focus and transaprent bg on focus and active
---
app/components/BookBuilder/Chapter/DropdownTitle.jsx | 3 ++-
app/components/BookBuilder/styles/bookBuilder.local.scss | 2 +-
2 files changed, 3 insertions(+), 2 deletions(-)
diff --git a/app/components/BookBuilder/Chapter/DropdownTitle.jsx b/app/components/BookBuilder/Chapter/DropdownTitle.jsx
index 627c1f1..c7390b6 100644
--- a/app/components/BookBuilder/Chapter/DropdownTitle.jsx
+++ b/app/components/BookBuilder/Chapter/DropdownTitle.jsx
@@ -128,7 +128,8 @@ class DropdownTitle extends React.Component {
handleClickOutside (event) {
var domNode = findDOMNode(this)
-
+ const input = findDOMNode(this.refs.dropDownInput)
+ if (input) input.focus()
if (domNode.classList.contains('open')) {
if (!domNode.contains(event.target)) {
this.close()
diff --git a/app/components/BookBuilder/styles/bookBuilder.local.scss b/app/components/BookBuilder/styles/bookBuilder.local.scss
index 59fd61f..7dac003 100644
--- a/app/components/BookBuilder/styles/bookBuilder.local.scss
+++ b/app/components/BookBuilder/styles/bookBuilder.local.scss
@@ -86,7 +86,7 @@ $white: #fff;
padding: 0;
position: relative;
- &:hover {
+ &:hover, &:active, &:focus {
background: transparent !important;
}
--
GitLab