From fd0eb812fedb60f7dfc51acf26dc94eb9b972cba Mon Sep 17 00:00:00 2001
From: jpl
Date: Thu, 10 Nov 2016 09:58:13 +0100
Subject: add link to reactux stop_points form

---
 .../javascripts/es6_browserified/components/BSelect2.js     |  8 +++++++-
 app/assets/stylesheets/application.sass.erb                 |  3 +++
 app/assets/stylesheets/components/_form.sass                | 13 +++++++++++++
 3 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 app/assets/stylesheets/components/_form.sass

diff --git a/app/assets/javascripts/es6_browserified/components/BSelect2.js b/app/assets/javascripts/es6_browserified/components/BSelect2.js
index a3ff9d1e4..fc3112f8e 100644
--- a/app/assets/javascripts/es6_browserified/components/BSelect2.js
+++ b/app/assets/javascripts/es6_browserified/components/BSelect2.js
@@ -47,7 +47,13 @@ class BSelect3 extends React.Component{
       else
         return (
           <div className='input-group'>
-            <a className='form-control' href={origin + path + '/stop_areas/' + this.props.value.stoparea_id}>{this.props.value.text}</a>
+            <a
+              className='form-control form-control-link'
+              href={origin + path + '/stop_areas/' + this.props.value.stoparea_id}
+              title={"Voir l'arrêt '" + this.props.value.text + "'"}
+            >
+              {this.props.value.text}
+            </a>
             <span className='input-group-btn'>
               <button type='button' className='btn btn-default' onClick={this.onToggleEdit.bind(this)}>
                 <span className='fa fa-pencil'></span>
diff --git a/app/assets/stylesheets/application.sass.erb b/app/assets/stylesheets/application.sass.erb
index c59a07d94..5a0927b9d 100644
--- a/app/assets/stylesheets/application.sass.erb
+++ b/app/assets/stylesheets/application.sass.erb
@@ -49,6 +49,9 @@ $body-bg: #eee
 // Main css
 @import 'main/*'
 
+// Components
+@import 'components/*'
+
 // Hack to make li simple
 li
   list-style: none
diff --git a/app/assets/stylesheets/components/_form.sass b/app/assets/stylesheets/components/_form.sass
new file mode 100644
index 000000000..d5f4a1eae
--- /dev/null
+++ b/app/assets/stylesheets/components/_form.sass
@@ -0,0 +1,13 @@
+//-------//
+// FORMS //
+//-------//
+
+.form-control
+  &.form-control-link
+    &:hover, &:focus
+      // Reset default link styles
+      text-decoration: none
+      color: inherit
+      // Add custom
+      color: #555
+      background-color: #f5f5f5
-- 
cgit v1.2.3