Skip to content

Commit 58407db

Browse files
JoelMarceyMorgan Pretty
authored andcommitted
Make the method signatures stand out more
Summary: And more delineated from other parts of the method information. Hopefully this makes it easier to parse through. Closes facebook#8421 Differential Revision: D3488251 Pulled By: JoelMarcey fbshipit-source-id: 44f2ed00b16849396cac94fd46567eaab48c50f3
1 parent bb89638 commit 58407db

File tree

2 files changed

+30
-3
lines changed

2 files changed

+30
-3
lines changed

website/layout/AutodocsLayout.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -644,12 +644,12 @@ var Method = React.createClass({
644644
render: function() {
645645
return (
646646
<div className="prop">
647-
<Header level={4} className="propTitle" toSlug={this.props.name}>
648-
{this.props.modifiers && this.props.modifiers.length && <span className="propType">
647+
<Header level={4} className="methodTitle" toSlug={this.props.name}>
648+
{this.props.modifiers && this.props.modifiers.length && <span className="methodType">
649649
{this.props.modifiers.join(' ') + ' '}
650650
</span> || ''}
651651
{this.props.name}
652-
<span className="propType">
652+
<span className="methodType">
653653
({this.props.params && this.props.params.length && this.props.params
654654
.map((param) => {
655655
var res = param.name;

website/src/react-native/css/react-native.css

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1237,6 +1237,23 @@ div[data-twttr-id] iframe {
12371237
margin-left: 20px;
12381238
}
12391239

1240+
.methodTitle {
1241+
font-weight: bold;
1242+
font-size: 24px;
1243+
color: #E9967A;
1244+
}
1245+
1246+
.compactProps .methodTitle {
1247+
font-size: 14px;
1248+
margin-bottom: 0;
1249+
margin-top: 0;
1250+
}
1251+
1252+
.compactProps .methodTitle div {
1253+
font-weight: normal;
1254+
margin-left: 20px;
1255+
}
1256+
12401257
.prop {
12411258
padding: 5px 10px;
12421259
}
@@ -1255,6 +1272,16 @@ div[data-twttr-id] iframe {
12551272
font-size: 13px;
12561273
}
12571274

1275+
.methodType {
1276+
font-weight: normal;
1277+
font-size: 24px;
1278+
}
1279+
1280+
.compactProps .methodType {
1281+
font-weight: normal;
1282+
font-size: 13px;
1283+
}
1284+
12581285
.platform {
12591286
background-color: hsl(198, 100%, 87%);
12601287
border-radius: 5px;

0 commit comments

Comments
 (0)