Add support for dynamic breakpoint for tabs

Auditors: @bsclifton
Fix #9779

app/common/state/tabContentState.js

@@ -146,7 +146,7 @@ const tabContentState = {
       isActive &&
       // Larger sizes still have a relative closeIcon
       // We don't resize closeIcon as we do with favicon so don't show it (smallest)
-      !hasBreakpoint(frame.get('breakpoint'), ['default', 'large', 'smallest'])
+      !hasBreakpoint(frame.get('breakpoint'), ['dynamic', 'default', 'large', 'smallest'])
     )
   },
 
@@ -161,7 +161,7 @@ const tabContentState = {
     }
 
     return frameStateUtil.getTabHoverState(state, frameKey) &&
-      hasBreakpoint(frame.get('breakpoint'), ['default', 'large'])
+      hasBreakpoint(frame.get('breakpoint'), ['dynamic', 'default', 'large'])
   },
 
   /**

app/renderer/components/styles/global.js

@@ -35,6 +35,7 @@ const globalStyles = {
     breakpointTinyWin32: '500px',
     breakpointNewPrivateTab: '890px',
     tab: {
+      dynamic: '99999px', // add a large number as new spec will set tab width based on window size
       default: '184px', // match tabArea max-width
       large: '120px',
       largeMedium: '83px',

app/renderer/lib/tabUtil.js

@@ -2,19 +2,19 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-const styles = require('../components/styles/global')
+const tabBreakpoint = require('../components/styles/global').breakpoint.tab
 
 /**
  * Get tab's breakpoint name for current tab size.
  * @param {Number} tabWidth current tab size
  * @returns {String} The matching breakpoint.
  */
 module.exports.getTabBreakpoint = (tabWidth) => {
-  const sizes = ['default', 'large', 'largeMedium', 'medium', 'mediumSmall', 'small', 'extraSmall', 'smallest']
+  const sizes = Object.keys(tabBreakpoint)
   let currentSize
 
   sizes.map(size => {
-    if (tabWidth <= Number.parseInt(styles.breakpoint.tab[size], 10)) {
+    if (tabWidth <= Number.parseInt(tabBreakpoint[size], 10)) {
       currentSize = size
       return false
     }