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

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

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,10 +385,9 @@
} }
@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: start; align-items: flex-start;
} }
} }