Apache
/
nifi
mirror of https://github.com/apache/nifi.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

NIFI-182: 

- Making the documentation in the help section for cohesive.
This commit is contained in:
Matt Gilman 2014-12-22 11:09:51 -05:00
parent b375f01519
commit fa80827de9
4 changed files with 95 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
nar-bundles/framework-bundle/framework/web/nifi-web-docs/src/main/webapp/WEB-INF/jsp/documentation.jsp
View File

@ -27,7 +27,7 @@
<link href="css/main.css" rel="stylesheet" type="text/css" /> <link href="css/main.css" rel="stylesheet" type="text/css" />
<link href="css/component-usage.css" rel="stylesheet" type="text/css" /> <link href="css/component-usage.css" rel="stylesheet" type="text/css" />
</head> </head>
<body> <body id="documentation-body">
<div id="banner-header" class="main-banner-header"></div> <div id="banner-header" class="main-banner-header"></div>
<div id="banner-footer" class="main-banner-footer"></div> <div id="banner-footer" class="main-banner-footer"></div>
<span id="initial-selection" style="display: none;">${param.select}</span> <span id="initial-selection" style="display: none;">${param.select}</span>
@ -105,7 +105,6 @@
<div class="component-links"> <div class="component-links">
<ul> <ul>
<li class="component-item"><a class="component-link rest-api" href="rest-api/index.html" target="component-usage">Rest Api</a></li> <li class="component-item"><a class="component-link rest-api" href="rest-api/index.html" target="component-usage">Rest Api</a></li>
<li class="component-item"><a class="component-link" href="javascript:void(0);" target="component-usage">Developer Guide</a></li>
</ul> </ul>
</div> </div>
</div> </div>

91
nar-bundles/framework-bundle/framework/web/nifi-web-docs/src/main/webapp/css/component-usage.css
View File

@ -14,15 +14,24 @@
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
*/ */
@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic|Noto+Serif:400,400italic,700,700italic|Droid+Sans+Mono:400";
html, html a {
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
body { body {
width: 62.5em;
margin: 0 auto;
display: block; display: block;
font-family: Verdana, Arial, Helvetica, sans-serif; font-family: "Open Sans","DejaVu Sans",sans-serif;
font-size: 12px;
} }
.title { .title {
font-weight: bold; font-weight: bold;
color: #294c58; color: #7a2518;
font-size: 18px; font-size: 18px;
} }
@ -33,39 +42,85 @@ body {
/* tables */ /* tables */
table { table {
border-collapse: collapse; background-color: #fefefe;
border: 1px solid #ccc;
border-left: 6px solid #ccc;
color: #666;
display: block;
margin-bottom: 12px;
padding: 5px 8px;
} }
table th { tr td {
background-image: url(../images/bgTableHeader.png); font-size: 14px;
background-repeat: repeat-x; vertical-align:top;
border-bottom: 1px solid #365C6A; text-align:left;
border-right: 1px solid #172B31; padding: 4px;
height: 26px; border-width: 0;
padding: 0 2px;
color: #fff;
white-space: nowrap;
} }
table td { tr th {
padding: 2px; font-size: 16px;
vertical-align:top;
text-align:left;
padding: 4px;
border-width: 0;
} }
/* links */ /* links */
a, a:link, a:visited { a, a:link, a:visited {
cursor: pointer; cursor: pointer;
color: #1e373f; color: #2156a5;
text-decoration: none; text-decoration: none;
border: none; border: none;
} }
a:hover, a:active { a:hover, a:active {
color: #264c58; color: #2156a5;
text-decoration: underline; text-decoration: none;
border: none; border: none;
} }
.clear { .clear {
clear: both; clear: both;
} }
/* p */
p {
font-family: 'Noto Serif', 'DejaVu Serif', serif;
font-size: 16px;
}
p strong {
font-weight: bold;
}
/* ul li */
ul li {
font-family: 'Noto Serif', 'DejaVu Serif', serif;
font-size: 16px;
}
ul li strong {
font-weight: bold;
}
h2 {
font-weight: normal;
color: #ba3925;
}
/* pre */
pre {
font-size: 14px;
background-color: #fefefe;
border: 1px solid #ccc;
border-left: 6px solid #ccc;
color: #666;
margin-bottom: 10px;
padding: 5px 8px;
}

29
nar-bundles/framework-bundle/framework/web/nifi-web-docs/src/main/webapp/css/main.css
View File

@ -19,7 +19,8 @@
padding: 0; padding: 0;
} }
body { #documentation-body {
width: 100%;
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
@ -111,7 +112,7 @@ div.component-listing {
left: 0; left: 0;
bottom: 40px; bottom: 40px;
overflow: auto; overflow: auto;
font-size: 12px; font-size: 16px;
padding: 4px; padding: 4px;
} }
@ -124,22 +125,32 @@ div.component-listing div.header {
color: #264c58; color: #264c58;
} }
div.component-listing div.component-links {
margin-left: 10px;
color: #1e373f;
}
div.component-links ul { div.component-links ul {
list-style: none; list-style: none;
} }
li.component-item { li.component-item {
padding: 2px; padding: 2px;
padding-left: 4px;
border-left: 8px solid transparent;
font-family: "Open Sans","DejaVu Sans",sans-serif;
font-size: 15px;
}
li.component-item a {
color: #1e373f;
}
li.component-item:hover {
border-left: 8px solid #d1dee5;
}
li.component-item:hover a {
color: #264c58;
} }
li.component-item.selected { li.component-item.selected {
background-color: #d1dee5; border-left: 8px solid #7098ad;
text-decoration: underline;
} }
div.component-links span.no-components { div.component-links span.no-components {

7
nar-bundles/framework-bundle/framework/web/nifi-web-docs/src/main/webapp/js/application.js
View File

@ -257,12 +257,7 @@ $(document).ready(function () {
}); });
// listen for on the rest api and user guide // listen for on the rest api and user guide
$('a.rest-api a.user-guide').on('click', function() { $('a.rest-api, a.user-guide').on('click', function() {
selectComponent($(this).text());
});
// listen for on the rest api and user guide
$('a.rest-api a.user-guide').on('click', function() {
selectComponent($(this).text()); selectComponent($(this).text());
}); });