add print style sheet

This commit is contained in:
Nuno Vieira
2015-02-27 12:12:29 +00:00
parent 322892edfc
commit f10c0ff405
5 changed files with 1199 additions and 2 deletions

1155
dist/css/print.css vendored Normal file

File diff suppressed because it is too large Load Diff

2
dist/index.html vendored
View File

@@ -6,7 +6,7 @@
<link href='css/reset.css' media='screen' rel='stylesheet' type='text/css'/>
<link href='css/screen.css' media='screen' rel='stylesheet' type='text/css'/>
<link href='css/reset.css' media='print' rel='stylesheet' type='text/css'/>
<link href='css/screen.css' media='print' rel='stylesheet' type='text/css'/>
<link href='css/print.css' media='print' rel='stylesheet' type='text/css'/>
<script type="text/javascript" src="lib/shred.bundle.js"></script>
<script src='lib/jquery-1.8.0.min.js' type='text/javascript'></script>
<script src='lib/jquery.slideto.min.js' type='text/javascript'></script>

View File

@@ -89,6 +89,7 @@ gulp.task('less', ['clean'], function() {
return gulp
.src([
'./src/main/less/screen.less',
'./src/main/less/print.less',
'./src/main/less/reset.less'
])
.pipe(less())

View File

@@ -6,7 +6,7 @@
<link href='css/reset.css' media='screen' rel='stylesheet' type='text/css'/>
<link href='css/screen.css' media='screen' rel='stylesheet' type='text/css'/>
<link href='css/reset.css' media='print' rel='stylesheet' type='text/css'/>
<link href='css/screen.css' media='print' rel='stylesheet' type='text/css'/>
<link href='css/print.css' media='print' rel='stylesheet' type='text/css'/>
<script type="text/javascript" src="lib/shred.bundle.js"></script>
<script src='lib/jquery-1.8.0.min.js' type='text/javascript'></script>
<script src='lib/jquery.slideto.min.js' type='text/javascript'></script>

41
src/main/less/print.less Normal file
View File

@@ -0,0 +1,41 @@
@import 'src/main/less/highlight_default.less';
@import 'src/main/less/specs.less';
@import 'src/main/less/auth.less';
#header {
display: none;
}
.swagger-section {
.swagger-ui-wrap {
.model-signature pre {
max-height: none;
}
.body-textarea {
width: 100px;
}
input.parameter {
width: 100px;
}
ul#resources {
li.resource {
div.heading ul.options {
display: none;
}
ul.endpoints {
display: block !important;
li.endpoint ul.operations li.operation div.content {
display: block !important;
}
}
}
}
}
}