Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-06-06 14:03:13 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix API descriptioin width on mobile

Browse Source
This commit is contained in:
Roman Hotsiy 2016-08-10 15:29:49 +03:00
parent d3d223a344
commit 9aea9bc683
No known key found for this signature in database
GPG Key ID: 5CB7B3ACABA57CB0
5 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
lib/components/ApiInfo/api-info.scss
View File

@ -8,6 +8,10 @@
width: 60%; width: 60%;
padding: 40px; padding: 40px;
box-sizing: border-box; box-sizing: border-box;
@media (max-width: $right-panel-squash-breakpoint) {
width: 100%;
}
} }
a.openapi-button { a.openapi-button {

2
lib/components/Method/method.scss
View File

@ -142,7 +142,7 @@ responses-samples {
cursor: pointer; cursor: pointer;
} }
@media (max-width: 1100px) { @media (max-width: $right-panel-squash-breakpoint) {
.methods:before { .methods:before {
display: none; display: none;
} }

2
lib/components/MethodsList/methods-list.scss
View File

@ -6,7 +6,7 @@
background-color: white; background-color: white;
width: 60%; width: 60%;
@media (max-width: 1100px) { @media (max-width: $right-panel-squash-breakpoint) {
width: 100%; width: 100%;
} }
} }

2
lib/components/Redoc/redoc.scss
View File

@ -94,7 +94,7 @@ api-logo {
} }
@media (max-width: 1100px) { @media (max-width: $right-panel-squash-breakpoint) {
#api-content:before { #api-content:before {
display: none; display: none;
} }

1
lib/shared/styles/_variables.scss
View File

@ -57,6 +57,7 @@ $sample-panel-color: lighten($black, 80%);
$tree-lines-color: rgba($primary-color, .5); $tree-lines-color: rgba($primary-color, .5);
$side-menu-mobile-breakpoint: 1000px; $side-menu-mobile-breakpoint: 1000px;
$right-panel-squash-breakpoint: 1100px;
// Border Radius // Border Radius
// --------------------------- // ---------------------------