Commit a98f91d2 authored by Imran Salam's avatar Imran Salam
Browse files

fix browser bar layout breakage at 1400px

parent b8862214
......@@ -33,17 +33,17 @@ export const BrowserBar: FunctionComponent<BrowserBarProps> = (
<label>Stable ID</label>
<span className={styles.value}>ENSG00000139618</span>
</dd>
<dd>
<dd className="show-for-large">
<label>Spliced mRNA length</label>
<span className={styles.value}>84,793</span>
<label>bp</label>
</dd>
<dd>protein coding</dd>
<dd>forward strand</dd>
<dd className="show-for-large">protein coding</dd>
<dd className="show-for-large">forward strand</dd>
</dl>
<dl className={styles.browserInfoRight}>
<dd>
<label>Chromosome</label>
<label className="show-for-large">Chromosome</label>
<ContentEditable html={'13'} className="content-editable-box" />
<ContentEditable html={'32,315,474 - 32,400,266'} />
</dd>
......
......@@ -121,13 +121,20 @@ $dark: 900;
// 2. Breakpoints
// --------------
// $breakpoints: (
// small: 0,
// medium: 640px,
// large: 1024px,
// xlarge: 1200px,
// xxlarge: 1440px
// );
$breakpoints: (
small: 0,
medium: 640px,
large: 1024px,
xlarge: 1200px,
xxlarge: 1440px
medium: 900px,
large: 1400px
);
$print-breakpoint: large;
$breakpoint-classes: (small medium large);
......
......@@ -4,6 +4,7 @@
@include foundation-global-styles;
@include foundation-prototype-classes;
@include foundation-visibility-classes;
a {
color: $ens-blue;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment