Fixed non-selectable api key in user dropdown menu top right

intrepidkarthi · Jul 11, 2017 · b5a3726 · b5a3726
1 parent b0df913
commit b5a3726
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/frontend/express/public/stylesheets/main.css b/frontend/express/public/stylesheets/main.css
@@ -1450,7 +1450,8 @@ td.details:before { border: 8px solid rgba(194, 225, 245, 0); border-top-color:
 #top-bar .dropdown .item_info .user_name div:last-child { font-size: 12px;}
 #top-bar .dropdown .item_info .api_key { margin-top: 10px;}
 #top-bar .dropdown .item_info .api_key div:first-child { color: #676464; font-size: 11px; text-transform: uppercase;font-weight: 500;}
-#top-bar .dropdown .item_info .api_key div:last-child { font-size: 10px; text-transform: none}
+#top-bar .dropdown .item_info .api_key div:last-child { font-size: 10px; text-transform: none; user-select: all}
+#top-bar .dropdown .item_info .api_key div:last-child::selection { background-color: #2FA732; color: #ffffff}
 
 #app-navigation.dropdown.large { padding:21px 25px 19px 25px; }
 #app-navigation #active-app-name { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display: inline-block; max-width: 125px; }

diff --git a/frontend/express/views/dashboard.html b/frontend/express/views/dashboard.html
@@ -122,7 +122,7 @@
 							<div class="api_key">
 								<div data-localize="sidebar.api_key">
 								</div>
-								<div>
+								<div id="user_api_key_item">
 									<%= member.api_key %>
 								</div>
 							</div>
@@ -1392,6 +1392,10 @@ <h3 data-localize="common.integrate-sdks"></h3>
 			$(".activate_intercom").on("click", function() {
                 Intercom('show');
         	});
+			$('.list .item_info').on("click", function(e){
+				e.stopPropagation();
+			});
+
         });
 	</script>
     <script id="IntercomSettingsScriptTag">