SONAR-8304 Developer Connection link should be browser-friendly

diff --git a/server/sonar-web/src/main/js/apps/overview/meta/MetaKey.js b/server/sonar-web/src/main/js/apps/overview/meta/MetaKey.js
index 3098f452ac8b34592d9e8bf26c77dc85db81aa5c..007f1611e567ed64f19ccb0f26acc009207c88f7 100644 (file)
--- a/server/sonar-web/src/main/js/apps/overview/meta/MetaKey.js
+++ b/server/sonar-web/src/main/js/apps/overview/meta/MetaKey.js
@@ -30,7 +30,8 @@ const MetaKey = ({ component }) => {
             className="overview-key"
             type="text"
             value={component.key}
-            readOnly={true}/>
+            readOnly={true}
+            onClick={e => e.target.select()}/>
       </div>
   );
 };

diff --git a/server/sonar-web/src/main/js/apps/overview/meta/MetaLink.js b/server/sonar-web/src/main/js/apps/overview/meta/MetaLink.js
index a8a398b9a4e8c98438cd7f854f6d791d795c2c5f..e7786e539dd7d87bac9ee6986062b08762ca81be 100644 (file)
--- a/server/sonar-web/src/main/js/apps/overview/meta/MetaLink.js
+++ b/server/sonar-web/src/main/js/apps/overview/meta/MetaLink.js
@@ -65,8 +65,12 @@ export default class MetaLink extends React.Component {
             {link.name}
           </a>
           {this.state.expanded && (
-              <div>
-                <input type="text" className="overview-key" value={link.url} readOnly={true}/>
+              <div className="little-spacer-top">
+                <input type="text"
+                       className="overview-key"
+                       value={link.url}
+                       readOnly={true}
+                       onClick={e => e.target.select()}/>
               </div>
           )}
         </li>

diff --git a/server/sonar-web/src/main/js/apps/overview/styles.css b/server/sonar-web/src/main/js/apps/overview/styles.css
index 088b19ca7e284f6feb7623f093f64e9ffbd0156a..5778a0ceaefdea57cee46fdb23c7ff712fd233ff 100644 (file)
--- a/server/sonar-web/src/main/js/apps/overview/styles.css
+++ b/server/sonar-web/src/main/js/apps/overview/styles.css
@@ -348,8 +348,6 @@
 
 .overview-key {
   width: 100%;
-  padding: 0 !important;
-  border: none !important;
   background-color: transparent !important;
 }