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

Merge pull request #3746 from racedale/master

Browse Source 
Support for mobile view on Swagger UI
This commit is contained in:
kyle
2017-10-20 18:12:51 -07:00
committed by GitHub
parent 3387d4762f bc676601a8
commit 353fd00b08
4 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
dev-helpers/index.html
View File

@@ -3,6 +3,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Swagger UI</title> <title>Swagger UI</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Source+Code+Pro:300,600|Titillium+Web:400,600,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Source+Code+Pro:300,600|Titillium+Web:400,600,700" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="./swagger-ui.css" > <link rel="stylesheet" type="text/css" href="./swagger-ui.css" >

8
src/style/_form.scss
View File

@@ -30,6 +30,10 @@ select
.opblock-body select .opblock-body select
{ {
min-width: 230px; min-width: 230px;
@media (max-width: 768px)
{
min-width: 180px;
}
} }
label label
@@ -56,6 +60,10 @@ input[type=file]
border: 1px solid #d9d9d9; border: 1px solid #d9d9d9;
border-radius: 4px; border-radius: 4px;
background: #fff; background: #fff;
@media (max-width: 768px) {
max-width: 175px;
}
&.invalid &.invalid
{ {

4
src/style/_layout.scss
View File

@@ -250,6 +250,10 @@
.opblock-summary-path__deprecated .opblock-summary-path__deprecated
{ {
font-size: 16px; font-size: 16px;
@media (max-width: 768px) {
font-size: 12px;
}
display: flex; display: flex;
flex: 0 3 auto; flex: 0 3 auto;

5
src/style/_topbar.scss
View File

@@ -1,6 +1,6 @@
.topbar .topbar
{ {
padding: 8px 30px; padding: 8px 0;
background-color: #89bf04; background-color: #89bf04;
.topbar-wrapper .topbar-wrapper
@@ -39,7 +39,6 @@
input[type=text] input[type=text]
{ {
width: 100%; width: 100%;
min-width: 350px;
margin: 0; margin: 0;
border: 2px solid #547f00; border: 2px solid #547f00;
@@ -84,7 +83,7 @@
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
padding: 4px 40px; padding: 4px 30px;
border: none; border: none;
border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;