Merge branch 'master' of github.com:zeit/hyper

lib/components/tab.js

@@ -67,7 +67,10 @@ export default class Tab extends Component {
         )}
         onClick={this.handleClick}
         >
-        <span className={css('textInner')}>
+        <span
+          title={this.props.text}
+          className={css('textInner')}
+          >
           { this.props.text }
         </span>
       </span>
@@ -143,7 +146,11 @@ export default class Tab extends Component {
         right: 0,
         top: 0,
         bottom: 0,
-        textAlign: 'center'
+        textAlign: 'center',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        padding: '0 25px',
+        overflow: 'hidden'
       },
 
       icon: {

lib/components/term.js

@@ -246,6 +246,11 @@ export default class Term extends Component {
         background: ${this.props.borderColor};
       }
     `;
+    const selectCss = `
+      ::selection {
+        background: ${Color(this.props.cursorColor).alpha(0.4).rgbString()};
+      }
+    `;
     return URL.createObjectURL(new Blob([`
       .cursor-node[focus="false"] {
          border-width: 1px !important;
@@ -255,6 +260,7 @@ export default class Term extends Component {
       }
       ${hyperCaret}
       ${scrollBarCss}
+      ${selectCss}
       ${css}
     `], {type: 'text/css'}));
   }