flip/flipside-js
1
0
Fork 0
mirror of https://github.com/FlipsideCrypto/flipside-js.git synced 2026-02-06 10:48:11 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

force spectrum font sizing

Browse Source
This commit is contained in:
Bryan Cinman 2019-02-22 19:00:07 -05:00
parent 88d736fda3
commit c949b0bda5
6 changed files with 24 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@ -14,12 +14,20 @@
padding: 0;
margin: 0;
}
text {
font-weight: 700;
font-size: 24px;
}
.wrapper {
width: 100%;
flex-wrap: wrap;
border: 1px solid #ccc;
padding: 20px;
width: 500px;
font-weight: 700;
font-size: 20px;
}
.wrapper p {

7
src/spectrum/plot/index.tsx
View File

@ -1,5 +1,6 @@
import { h, Component } from "preact";
import { sortObjectArray } from "../../utils";
import classNames from "classnames";
import * as css from "./style.css";
const PLOT_WIDTH = 240;
@ -226,9 +227,11 @@ export default class Plot extends Component<any, any> {
};
}
// @ts-ignore
const classes = classNames(css.wrapper, css[props.mode]);
return (
// @ts-ignore
<svg width="100%" height="104" overflow="visible" class={css[props.mode]}>
<svg width="100%" height="104" overflow="visible" class={classes}>
<defs>
<linearGradient id="gradient">
<stop stop-color="#ff2600" offset="0%" />

10
src/spectrum/plot/style.css
View File

@ -24,6 +24,11 @@
stroke: #fff;
}
.wrapper text {
font-size: 11px;
font-weight: normal;
}
.marker {
font-size: 12px;
}
@ -36,6 +41,7 @@
stroke-width: 0.5;
}
.legend {
font-size: 7px;
.legend tspan {
font-weight: normal;
font-size: 8px;
}

1
src/spectrum/plot/style.css.d.ts vendored
View File

@ -7,3 +7,4 @@ export const line: string;
export const marker: string;
export const related: string;
export const relatedLine: string;
export const wrapper: string;

1
src/spectrum/style.css
View File

@ -39,6 +39,7 @@
text-transform: uppercase;
margin-bottom: 16px;
font-size: 16px;
font-weight: normal;
}
.symbol {

13
yarn.lock
View File

@ -102,13 +102,6 @@
"@babel/helper-plugin-utils" "^7.0.0"
"@babel/plugin-syntax-jsx" "^7.0.0"
"@babel/polyfill@^7.2.5":
version "7.2.5"
resolved "https://registry.yarnpkg.com/@babel/polyfill/-/polyfill-7.2.5.tgz#6c54b964f71ad27edddc567d065e57e87ed7fa7d"
dependencies:
core-js "^2.5.7"
regenerator-runtime "^0.12.0"
"@babel/template@^7.1.0", "@babel/template@^7.1.2":
version "7.1.2"
resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.1.2.tgz#090484a574fef5a2d2d7726a674eceda5c5b5644"
@ -983,7 +976,7 @@ copy-descriptor@^0.1.0:
version "0.1.1"
resolved "https://registry.yarnpkg.com/copy-descriptor/-/copy-descriptor-0.1.1.tgz#676f6eb3c39997c2ee1ac3a924fd6124748f578d"
core-js@^2.5.7, core-js@^2.6.5:
core-js@^2.6.5:
version "2.6.5"
resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.5.tgz#44bc8d249e7fb2ff5d00e0341a7ffb94fbf67895"
@ -3350,10 +3343,6 @@ regenerate@^1.2.1:
version "1.4.0"
resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.0.tgz#4a856ec4b56e4077c557589cae85e7a4c8869a11"
regenerator-runtime@^0.12.0:
version "0.12.1"
resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.12.1.tgz#fa1a71544764c036f8c49b13a08b2594c9f8a0de"
regex-not@^1.0.0, regex-not@^1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/regex-not/-/regex-not-1.0.2.tgz#1f4ece27e00b0b65e0247a6810e6a85d83a5752c"