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

fix(styles): fix regressions in operations on smaller screens (#9425)

Browse Source 
Refs #8940
This commit is contained in:
Vladimír Gorej
2023-12-14 10:57:44 +01:00
committed by GitHub
parent f308eb3cc5
commit 748dec193d
1 changed files with 9 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/style/_layout.scss
View File

@@ -342,13 +342,12 @@
.opblock-summary-path .opblock-summary-path
{ {
flex-shrink: 0; flex-shrink: 1;
} }
@media (max-width: 640px) { @media (max-width: 640px) {
.opblock-summary-path .opblock-summary-path
{ {
flex-shrink: 1;
max-width: 100%; max-width: 100%;
} }
} }
@@ -375,6 +374,7 @@
.opblock-summary-path-description-wrapper .opblock-summary-path-description-wrapper
{ {
display: flex; display: flex;
flex-direction: row;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
gap: 0px 10px; gap: 0px 10px;
@@ -385,11 +385,10 @@
} }
@media (max-width: 550px) { @media (max-width: 550px) {
.opblock-summary-path-description-wrapper .opblock-summary-path-description-wrapper {
{ flex-direction: column;
flex-direction: column; align-items: flex-start;
align-items: start; }
}
} }
.opblock-summary .opblock-summary
@@ -837,16 +836,16 @@
justify-content: flex-end; justify-content: flex-end;
} }
/* /*
Target Authorize Button in schemes wrapper Target Authorize Button in schemes wrapper
This was added here to fix responsiveness issues with the authorize button This was added here to fix responsiveness issues with the authorize button
within the schemes wrapper without affecting other instances of it's usage within the schemes wrapper without affecting other instances of it's usage
*/ */
.auth-wrapper .auth-wrapper
{ {
flex: none; flex: none;
justify-content: none; justify-content: none;
.authorize .authorize
{ {
padding-right: 20px; padding-right: 20px;