mythic-insight/calcom
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 5

improve styling on mobile for swagger docs (#2516)

Browse source 
Co-authored-by: Agusti Fernandez Pardo <git@agusti.me>
Co-authored-by: Peer Richelsen <peeroke@gmail.com>
This commit is contained in:
Agusti Fernandez 2022-04-15 20:52:51 +02:00 committed by GitHub
parent f23cc8b99f
commit 46e1d28881
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
apps/swagger/styles/swagger-cal.css
View file

@ -4,7 +4,6 @@
background: black; background: black;
color: white; color: white;
border: none; border: none;
/* text-transform: uppercase; */
} }
.model .model-title { .model .model-title {
background: black; background: black;
@ -12,7 +11,6 @@
font-size: 1.5em; font-size: 1.5em;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
/* margin-bottom: 20px; */
} }
.models-control { .models-control {
border-radius: 0; border-radius: 0;
@ -185,7 +183,15 @@
font-family: "Cal Sans", sans-serif; font-family: "Cal Sans", sans-serif;
color: #fff; color: #fff;
} }
@media only screen and (max-width: 600px) {
.swagger-ui .opblock .opblock-summary-method {
margin-right: -5px;
}
.swagger-ui .opblock .opblock-summary-path,
.swagger-ui .opblock .opblock-summary-path__deprecated {
margin-top: 20px;
}
}
.swagger-ui .opblock .opblock-summary-path, .swagger-ui .opblock .opblock-summary-path,
.swagger-ui .opblock .opblock-summary-path__deprecated { .swagger-ui .opblock .opblock-summary-path__deprecated {
font-size: 22px; font-size: 22px;
@ -233,7 +239,12 @@
color: #ffffff; color: #ffffff;
text-transform: lowercase; text-transform: lowercase;
} }
@media only screen and (max-width: 600px) {
.swagger-ui .opblock .opblock-summary-description {
margin: auto;
margin-top: 10px;
}
}
.swagger-ui .opblock .opblock-summary { .swagger-ui .opblock .opblock-summary {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
@ -759,7 +770,11 @@
color: white; color: white;
border: none; border: none;
} }
@media only screen and (max-width: 600px) {
.swagger-ui button {
display: grid;
}
}
.swagger-ui select { .swagger-ui select {
font-size: 14px; font-size: 14px;
font-weight: 700; font-weight: 700;