enforce max limit to ev cert display

follow-up of #11776 fix #12780
brave · Jan 22, 2018 · b98c2fa · b98c2fa
1 parent a3e3911
commit b98c2fa
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/app/renderer/components/navigation/urlBar.js b/app/renderer/components/navigation/urlBar.js
@@ -480,7 +480,7 @@ class UrlBar extends React.Component {
     if (this.props.titleMode) {
       return null
     }
-    return <span className='evCert'> {this.props.evCert} </span>
+    return <span className='evCert' title={this.props.evCert}> {this.props.evCert} </span>
   }
 
   render () {

diff --git a/less/navigationBar.less b/less/navigationBar.less
@@ -826,6 +826,7 @@
       height: @urlbarFormHeight;
       min-height: @urlbarFormHeight;
       margin: 0 5px;
+      max-width: 40%;
 
       .urlbarIcon {
         color: @siteSecureColor;
@@ -865,6 +866,9 @@
         color: forestgreen;
         padding: 5px;
         border-right: 1px solid #ccc;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
       }
     }
   }