Browse Source
Merge pull request #3746 from racedale/master
Support for mobile view on Swagger UIbubble
kyle
7 years ago
committed by
GitHub
GitHub
4 changed files with 15 additions and 3 deletions
Unified View
Diff Options
-
+1 -0dev-helpers/index.html
-
+8 -0src/style/_form.scss
-
+4 -0src/style/_layout.scss
-
+2 -3src/style/_topbar.scss
+ 1
- 0
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
- 0
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
- 0
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; | ||||
+ 2
- 3
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; | ||||