mirror of
https://github.com/Redocly/redoc.git
synced 2025-02-16 18:00:33 +03:00
Basic responsiveness
This commit is contained in:
parent
0f1348da99
commit
f64d4180a6
|
@ -1,6 +1,12 @@
|
||||||
@import '../../common/styles/variables';
|
@import '../../common/styles/variables';
|
||||||
@import '../../common/styles/share-link';
|
@import '../../common/styles/share-link';
|
||||||
|
|
||||||
|
:host {
|
||||||
|
padding-bottom: 100px;
|
||||||
|
display: block;
|
||||||
|
border-bottom: 2px solid rgba(127, 127, 127, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
responses-list, params-list {
|
responses-list, params-list {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
@ -71,6 +77,7 @@ responses-list, params-list {
|
||||||
color: $sample-panel-color;
|
color: $sample-panel-color;
|
||||||
width: 40%;
|
width: 40%;
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
|
background: $samples-panel-bg-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
responses-samples {
|
responses-samples {
|
||||||
|
@ -128,3 +135,21 @@ responses-samples {
|
||||||
.http-method.head {
|
.http-method.head {
|
||||||
background-color: darkkhaki;
|
background-color: darkkhaki;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1100px) {
|
||||||
|
.methods:before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.method-samples, .method-content {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.method-samples {
|
||||||
|
margin-top: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
:host {
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -1,12 +1,6 @@
|
||||||
@import '../../common/styles/variables';
|
@import '../../common/styles/variables';
|
||||||
@import '../../common/styles/share-link';
|
@import '../../common/styles/share-link';
|
||||||
|
|
||||||
method {
|
|
||||||
padding-bottom: 100px;
|
|
||||||
display: block;
|
|
||||||
border-bottom: 2px solid rgba(127, 127, 127, 0.25);
|
|
||||||
}
|
|
||||||
|
|
||||||
.tag-info {
|
.tag-info {
|
||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
@ -39,3 +33,9 @@ method {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1100px) {
|
||||||
|
.methods:before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user