Merge pull request #9491 from brave/braveryPanel/9089

Show full URL for tooltip inside braveryPanel
brave · Jun 19, 2017 · 73ff1b1 · 73ff1b1
2 parents 279f27f + 7e62a68
commit 73ff1b1
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/app/renderer/components/main/braveryPanel.js b/app/renderer/components/main/braveryPanel.js
@@ -208,7 +208,7 @@ class BraveryPanel extends ImmutableComponent {
         styles.braveryPanel_compact__header__bottom
       )}>
         <div data-l10n-id='braveryPanelTitle' className={css(styles.braveryPanel_compact__header__bottom__title)} />
-        <div title={this.displayHost} className={css(styles.braveryPanel_compact__header__bottom__displayHost)}>{this.displayHost}</div>
+        <div title={this.props.lastCommittedURL} className={css(styles.braveryPanel_compact__header__bottom__displayHost)}>{this.displayHost}</div>
       </div>
     </section>
   }
@@ -218,7 +218,7 @@ class BraveryPanel extends ImmutableComponent {
     return <section className={css(styles.braveryPanel__header)}>
       <div className={css(styles.braveryPanel__header__left)}>
         <div data-l10n-id='braveryPanelTitle' />
-        <div title={this.displayHost} className={css(styles.braveryPanel__header__left__displayHost)}>{this.displayHost}</div>
+        <div title={this.props.lastCommittedURL} className={css(styles.braveryPanel__header__left__displayHost)}>{this.displayHost}</div>
       </div>
       <div className={css(styles.braveryPanel__header__right)}>
         <SwitchControl large
@@ -731,7 +731,11 @@ const styles = StyleSheet.create({
     borderTopRightRadius: globalStyles.radius.borderRadius
   },
   braveryPanel__header__left: {
-    minWidth: 0
+    minWidth: 0,
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'space-between',
+    marginRight: '10px'
   },
   braveryPanel__header__right: {
     marginLeft: 'auto'