Spearhead/joyent-portal
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix tooltipShadow import

Browse Source
This commit is contained in:
Sérgio Ramos 2017-03-22 14:41:53 +00:00 committed by Judit Greskovits
parent e1b03b7d9b
commit 531c83a944
3 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/index.js
View File

@ -19,10 +19,13 @@ if (process.env.NODE_ENV !== 'production') {
}); });
} }
const states = {
all: MockState,
testing: MockStateTesting
}
const query = qs.parse(window.location.search.replace(/^\?/, '')); const query = qs.parse(window.location.search.replace(/^\?/, ''));
const mockState = query.mock !== 'all' const mockState = states[query.mock || 'testing'];
? MockStateTesting
: MockState;
// node_memory_rss_bytes // node_memory_rss_bytes
// node_memory_heap_total_bytes // node_memory_heap_total_bytes

10
ui/src/components/tooltip/index.js
View File

@ -1,4 +1,8 @@
import { remcalc, unitcalc } from '../../shared/functions'; import { remcalc, unitcalc } from '../../shared/functions';
import { boxes, colors } from '../../shared/constants';
import styled from 'styled-components';
import React from 'react';
import { import {
absolutePosition, absolutePosition,
baseBox, baseBox,
@ -7,9 +11,7 @@ import {
moveZ, moveZ,
getMeasurement getMeasurement
} from '../../shared/composers'; } from '../../shared/composers';
import { boxes, colors, tooltipShadow } from '../../shared/constants';
import styled from 'styled-components';
import React from 'react';
const ItemPadder = 9; const ItemPadder = 9;
const WrapperPadder = 24; const WrapperPadder = 24;
@ -41,7 +43,7 @@ const StyledList = styled.ul`
${props => props.styles} ${props => props.styles}
${baseBox({ ${baseBox({
shadow: tooltipShadow shadow: boxes.tooltipShadow
})} })}
${moveZ({ ${moveZ({

1
ui/src/shared/constants/boxes.js
View File

@ -5,6 +5,7 @@ export const borderRadius = remcalc(4);
export const bottomShaddow = `0 ${remcalc(2)} 0 0 rgba(0, 0, 0, 0.05)`; export const bottomShaddow = `0 ${remcalc(2)} 0 0 rgba(0, 0, 0, 0.05)`;
export const bottomShaddowDarker = `0 ${remcalc(2)} 0 0 rgba(0, 0, 0, 0.1)`; export const bottomShaddowDarker = `0 ${remcalc(2)} 0 0 rgba(0, 0, 0, 0.1)`;
export const insetShaddow = `inset 0 ${remcalc(3)} 0 0 rgba(0, 0, 0, 0.05)`; export const insetShaddow = `inset 0 ${remcalc(3)} 0 0 rgba(0, 0, 0, 0.05)`;
export const tooltipShadow = export const tooltipShadow =
`0 ${remcalc(2)} ${remcalc(6)} ${remcalc(1)} rgba(0, 0, 0, 0.1)`; `0 ${remcalc(2)} ${remcalc(6)} ${remcalc(1)} rgba(0, 0, 0, 0.1)`;