kyy/swagger-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'verpixelt-_refactor/less'

Browse Source
This commit is contained in:
Tony Tam
2015-11-27 18:21:18 -08:00
parent e3062b771f 20c2454438
commit 04e1fb5cef
6 changed files with 205 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
dist/css/print.css vendored
View File

@@ -1124,14 +1124,14 @@
font-size: 24px; font-size: 24px;
padding: 10px 0; padding: 10px 0;
} }
.swagger-section .api-popup-dialog p.error-msg { .swagger-section .api-popup-dialog .error-msg {
padding-left: 5px; padding-left: 5px;
padding-bottom: 5px; padding-bottom: 5px;
} }
.swagger-section .api-popup-dialog button.api-popup-authbtn { .swagger-section .api-popup-dialog .api-popup-authbtn {
height: 30px; height: 30px;
} }
.swagger-section .api-popup-dialog button.api-popup-cancel { .swagger-section .api-popup-dialog .api-popup-cancel {
height: 30px; height: 30px;
} }
.swagger-section .api-popup-scopes { .swagger-section .api-popup-scopes {
@@ -1141,14 +1141,14 @@
padding: 5px 0; padding: 5px 0;
line-height: 20px; line-height: 20px;
} }
.swagger-section .api-popup-scopes .api-scope-desc {
padding-left: 20px;
font-style: italic;
}
.swagger-section .api-popup-scopes li input { .swagger-section .api-popup-scopes li input {
position: relative; position: relative;
top: 2px; top: 2px;
} }
.swagger-section .api-popup-scopes .api-scope-desc {
padding-left: 20px;
font-style: italic;
}
.swagger-section .api-popup-actions { .swagger-section .api-popup-actions {
padding-top: 10px; padding-top: 10px;
} }

52
dist/css/screen.css vendored
View File

@@ -1124,14 +1124,14 @@
font-size: 24px; font-size: 24px;
padding: 10px 0; padding: 10px 0;
} }
.swagger-section .api-popup-dialog p.error-msg { .swagger-section .api-popup-dialog .error-msg {
padding-left: 5px; padding-left: 5px;
padding-bottom: 5px; padding-bottom: 5px;
} }
.swagger-section .api-popup-dialog button.api-popup-authbtn { .swagger-section .api-popup-dialog .api-popup-authbtn {
height: 30px; height: 30px;
} }
.swagger-section .api-popup-dialog button.api-popup-cancel { .swagger-section .api-popup-dialog .api-popup-cancel {
height: 30px; height: 30px;
} }
.swagger-section .api-popup-scopes { .swagger-section .api-popup-scopes {
@@ -1141,14 +1141,14 @@
padding: 5px 0; padding: 5px 0;
line-height: 20px; line-height: 20px;
} }
.swagger-section .api-popup-scopes .api-scope-desc {
padding-left: 20px;
font-style: italic;
}
.swagger-section .api-popup-scopes li input { .swagger-section .api-popup-scopes li input {
position: relative; position: relative;
top: 2px; top: 2px;
} }
.swagger-section .api-popup-scopes .api-scope-desc {
padding-left: 20px;
font-style: italic;
}
.swagger-section .api-popup-actions { .swagger-section .api-popup-actions {
padding-top: 10px; padding-top: 10px;
} }
@@ -1222,32 +1222,29 @@
background-color: #89bf04; background-color: #89bf04;
padding: 14px; padding: 14px;
} }
.swagger-section #header a#logo { .swagger-section #input_baseUrl {
font-size: 1.5em; width: 400px;
font-weight: bold;
text-decoration: none;
background: transparent url(../images/logo_small.png) no-repeat left center;
padding: 20px 0 20px 40px;
color: white;
} }
.swagger-section #header form#api_selector { .swagger-section #api_selector {
display: block; display: block;
clear: none; clear: none;
float: right; float: right;
} }
.swagger-section #header form#api_selector .input { .swagger-section #api_selector .input {
display: block; display: block;
clear: none; clear: none;
float: left; float: left;
margin: 0 10px 0 0; margin: 0 10px 0 0;
} }
.swagger-section #header form#api_selector .input input#input_apiKey { .swagger-section #api_selector input {
font-size: 0.9em;
padding: 3px;
margin: 0;
}
.swagger-section #input_apiKey {
width: 200px; width: 200px;
} }
.swagger-section #header form#api_selector .input input#input_baseUrl { .swagger-section #explore {
width: 400px;
}
.swagger-section #header form#api_selector .input a#explore {
display: block; display: block;
text-decoration: none; text-decoration: none;
font-weight: bold; font-weight: bold;
@@ -1262,13 +1259,16 @@
-khtml-border-radius: 4px; -khtml-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
} }
.swagger-section #header form#api_selector .input a#explore:hover { .swagger-section #explore:hover {
background-color: #547f00; background-color: #547f00;
} }
.swagger-section #header form#api_selector .input input { .swagger-section #header #logo {
font-size: 0.9em; font-size: 1.5em;
padding: 3px; font-weight: bold;
margin: 0; text-decoration: none;
background: transparent url(../images/logo_small.png) no-repeat left center;
padding: 20px 0 20px 40px;
color: white;
} }
.swagger-section #content_message { .swagger-section #content_message {
margin: 10px 15px; margin: 10px 15px;

14
src/main/html/css/print.css
View File

@@ -1124,14 +1124,14 @@
font-size: 24px; font-size: 24px;
padding: 10px 0; padding: 10px 0;
} }
.swagger-section .api-popup-dialog p.error-msg { .swagger-section .api-popup-dialog .error-msg {
padding-left: 5px; padding-left: 5px;
padding-bottom: 5px; padding-bottom: 5px;
} }
.swagger-section .api-popup-dialog button.api-popup-authbtn { .swagger-section .api-popup-dialog .api-popup-authbtn {
height: 30px; height: 30px;
} }
.swagger-section .api-popup-dialog button.api-popup-cancel { .swagger-section .api-popup-dialog .api-popup-cancel {
height: 30px; height: 30px;
} }
.swagger-section .api-popup-scopes { .swagger-section .api-popup-scopes {
@@ -1141,14 +1141,14 @@
padding: 5px 0; padding: 5px 0;
line-height: 20px; line-height: 20px;
} }
.swagger-section .api-popup-scopes .api-scope-desc {
padding-left: 20px;
font-style: italic;
}
.swagger-section .api-popup-scopes li input { .swagger-section .api-popup-scopes li input {
position: relative; position: relative;
top: 2px; top: 2px;
} }
.swagger-section .api-popup-scopes .api-scope-desc {
padding-left: 20px;
font-style: italic;
}
.swagger-section .api-popup-actions { .swagger-section .api-popup-actions {
padding-top: 10px; padding-top: 10px;
} }

52
src/main/html/css/screen.css
View File

@@ -1124,14 +1124,14 @@
font-size: 24px; font-size: 24px;
padding: 10px 0; padding: 10px 0;
} }
.swagger-section .api-popup-dialog p.error-msg { .swagger-section .api-popup-dialog .error-msg {
padding-left: 5px; padding-left: 5px;
padding-bottom: 5px; padding-bottom: 5px;
} }
.swagger-section .api-popup-dialog button.api-popup-authbtn { .swagger-section .api-popup-dialog .api-popup-authbtn {
height: 30px; height: 30px;
} }
.swagger-section .api-popup-dialog button.api-popup-cancel { .swagger-section .api-popup-dialog .api-popup-cancel {
height: 30px; height: 30px;
} }
.swagger-section .api-popup-scopes { .swagger-section .api-popup-scopes {
@@ -1141,14 +1141,14 @@
padding: 5px 0; padding: 5px 0;
line-height: 20px; line-height: 20px;
} }
.swagger-section .api-popup-scopes .api-scope-desc {
padding-left: 20px;
font-style: italic;
}
.swagger-section .api-popup-scopes li input { .swagger-section .api-popup-scopes li input {
position: relative; position: relative;
top: 2px; top: 2px;
} }
.swagger-section .api-popup-scopes .api-scope-desc {
padding-left: 20px;
font-style: italic;
}
.swagger-section .api-popup-actions { .swagger-section .api-popup-actions {
padding-top: 10px; padding-top: 10px;
} }
@@ -1222,32 +1222,29 @@
background-color: #89bf04; background-color: #89bf04;
padding: 14px; padding: 14px;
} }
.swagger-section #header a#logo { .swagger-section #input_baseUrl {
font-size: 1.5em; width: 400px;
font-weight: bold;
text-decoration: none;
background: transparent url(../images/logo_small.png) no-repeat left center;
padding: 20px 0 20px 40px;
color: white;
} }
.swagger-section #header form#api_selector { .swagger-section #api_selector {
display: block; display: block;
clear: none; clear: none;
float: right; float: right;
} }
.swagger-section #header form#api_selector .input { .swagger-section #api_selector .input {
display: block; display: block;
clear: none; clear: none;
float: left; float: left;
margin: 0 10px 0 0; margin: 0 10px 0 0;
} }
.swagger-section #header form#api_selector .input input#input_apiKey { .swagger-section #api_selector input {
font-size: 0.9em;
padding: 3px;
margin: 0;
}
.swagger-section #input_apiKey {
width: 200px; width: 200px;
} }
.swagger-section #header form#api_selector .input input#input_baseUrl { .swagger-section #explore {
width: 400px;
}
.swagger-section #header form#api_selector .input a#explore {
display: block; display: block;
text-decoration: none; text-decoration: none;
font-weight: bold; font-weight: bold;
@@ -1262,13 +1259,16 @@
-khtml-border-radius: 4px; -khtml-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
} }
.swagger-section #header form#api_selector .input a#explore:hover { .swagger-section #explore:hover {
background-color: #547f00; background-color: #547f00;
} }
.swagger-section #header form#api_selector .input input { .swagger-section #header #logo {
font-size: 0.9em; font-size: 1.5em;
padding: 3px; font-weight: bold;
margin: 0; text-decoration: none;
background: transparent url(../images/logo_small.png) no-repeat left center;
padding: 20px 0 20px 40px;
color: white;
} }
.swagger-section #content_message { .swagger-section #content_message {
margin: 10px 15px; margin: 10px 15px;

93
src/main/less/auth.less
View File

@@ -1,83 +1,72 @@
.swagger-section { .swagger-section {
.title { .title { font-style: bold; }
font-style: bold;
}
.secondary_form { .secondary_form { display: none; }
display: none;
}
.main_image { .main_image {
display: block; display: block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.oauth_body { .oauth_body {
margin-left: 100px; margin-left: 100px;
margin-right: 100px; margin-right: 100px;
} }
.oauth_submit { .oauth_submit { text-align: center; }
text-align: center;
}
.api-popup-dialog { .api-popup-dialog {
z-index: 10000; z-index: 10000;
position: absolute; position: absolute;
width: 500px; width: 500px;
background: #FFF; background: #FFF;
padding: 20px; padding: 20px;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 5px; border-radius: 5px;
display: none; display: none;
font-size: 13px; font-size: 13px;
color: #777; color: #777;
}
.api-popup-title{ .api-popup-dialog .api-popup-title {
font-size: 24px; font-size: 24px;
padding: 10px 0; padding: 10px 0;
} }
.api-popup-title{ .api-popup-dialog .api-popup-title {
font-size: 24px; font-size: 24px;
padding: 10px 0; padding: 10px 0;
} }
.api-popup-dialog .error-msg {
p.error-msg {
padding-left: 5px; padding-left: 5px;
padding-bottom: 5px; padding-bottom: 5px;
} }
button.api-popup-authbtn { .api-popup-dialog .api-popup-authbtn { height: 30px; }
height: 30px;
}
button.api-popup-cancel {
height: 30px;
}
}
.api-popup-scopes { .api-popup-dialog .api-popup-cancel { height: 30px; }
padding: 10px 20px;
li { .api-popup-scopes { padding: 10px 20px; }
.api-popup-scopes li {
padding: 5px 0; padding: 5px 0;
line-height: 20px; line-height: 20px;
} }
.api-scope-desc { .api-popup-scopes li input {
padding-left: 20px;
font-style: italic;
}
li input {
position: relative; position: relative;
top: 2px; top: 2px;
} }
}
.api-popup-actions {
padding-top: 10px;
}
.api-popup-scopes .api-scope-desc {
padding-left: 20px;
font-style: italic;
}
.api-popup-actions { padding-top: 10px; }
} }

199
src/main/less/screen.less
View File

@@ -1,147 +1,144 @@
@import 'src/main/less/highlight_default.less'; @import 'src/main/less/highlight_default.less';
@import 'src/main/less/specs.less'; @import 'src/main/less/specs.less';
@import 'src/main/less/auth.less'; @import 'src/main/less/auth.less';
.swagger-section { .swagger-section {
.access { .access { float: right; }
float: right;
}
.auth { .auth { float: right; }
float: right;
}
.api-ic { .api-ic {
height: 18px; height: 18px;
vertical-align: middle; vertical-align: middle;
display: inline-block; display: inline-block;
background: url(../images/explorer_icons.png) no-repeat; background: url(../images/explorer_icons.png) no-repeat;
.api_information_panel { }
position: relative;
margin-top: 20px;
margin-left: -5px;
background: #FFF;
border: 1px solid #ccc;
border-radius: 5px;
display: none;
font-size: 13px;
max-width: 300px;
line-height: 30px;
color: black;
padding: 5px;
p {
.api-msg-enabled {
color: green;
}
.api-msg-disabled {
color: red;
}
}
}
}
.api-ic:hover { .api-ic .api_information_panel {
.api_information_panel { position: relative;
position: absolute; margin-top: 20px;
display: block; margin-left: -5px;
} background: #FFF;
} border: 1px solid #ccc;
border-radius: 5px;
display: none;
font-size: 13px;
max-width: 300px;
line-height: 30px;
color: black;
padding: 5px;
}
.ic-info { .api-ic .api_information_panel p .api-msg-enabled { color: green; }
.api-ic .api_information_panel p .api-msg-disabled { color: red; }
.api-ic:hover .api_information_panel {
position: absolute;
display: block;
}
.ic-info {
background-position: 0 0; background-position: 0 0;
width: 18px; width: 18px;
margin-top: -6px; margin-top: -6px;
margin-left: 4px; margin-left: 4px;
} }
.ic-warning {
.ic-warning {
background-position: -60px 0; background-position: -60px 0;
width: 18px; width: 18px;
margin-top: -6px; margin-top: -6px;
margin-left: 4px; margin-left: 4px;
} }
.ic-error {
.ic-error {
background-position: -30px 0; background-position: -30px 0;
width: 18px; width: 18px;
margin-top: -6px; margin-top: -6px;
margin-left: 4px; margin-left: 4px;
} }
.ic-off {
.ic-off {
background-position: -90px 0; background-position: -90px 0;
width: 58px; width: 58px;
margin-top: -4px; margin-top: -4px;
cursor: pointer; cursor: pointer;
} }
.ic-on {
.ic-on {
background-position: -160px 0; background-position: -160px 0;
width: 58px; width: 58px;
margin-top: -4px; margin-top: -4px;
cursor: pointer; cursor: pointer;
} }
#header { #header {
background-color: #89bf04; background-color: #89bf04;
padding: 14px; padding: 14px;
a#logo { }
font-size: 1.5em;
font-weight: bold;
text-decoration: none;
background: transparent url(../images/logo_small.png) no-repeat left center;
padding: 20px 0 20px 40px;
color: white;
}
form#api_selector {
display: block;
clear: none;
float: right;
.input {
display: block;
clear: none;
float: left;
margin: 0 10px 0 0;
input#input_apiKey {
width: 200px;
}
input#input_baseUrl {
width: 400px;
}
a#explore {
display: block;
text-decoration: none;
font-weight: bold;
padding: 6px 8px;
font-size: 0.9em;
color: white;
background-color: #547f00;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
a#explore:hover {
background-color: #547f00;
}
input {
font-size: 0.9em;
padding: 3px;
margin: 0;
}
}
}
}
#content_message { #input_baseUrl { width: 400px; }
#api_selector {
display: block;
clear: none;
float: right;
}
#api_selector .input {
display: block;
clear: none;
float: left;
margin: 0 10px 0 0;
}
#api_selector input {
font-size: 0.9em;
padding: 3px;
margin: 0;
}
#input_apiKey { width: 200px; }
#explore {
display: block;
text-decoration: none;
font-weight: bold;
padding: 6px 8px;
font-size: 0.9em;
color: white;
background-color: #547f00;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
&:hover { background-color: #547f00; }
}
#header #logo {
font-size: 1.5em;
font-weight: bold;
text-decoration: none;
background: transparent url(../images/logo_small.png) no-repeat left center;
padding: 20px 0 20px 40px;
color: white;
}
#content_message {
margin: 10px 15px; margin: 10px 15px;
font-style: italic; font-style: italic;
color: #999999; color: #999999;
} }
#message-bar { #message-bar {
min-height: 30px; min-height: 30px;
text-align: center; text-align: center;
padding-top: 10px; padding-top: 10px;
} }
} }