fix(styles): fix regressions in operations on smaller screens (#9425)
Refs #8940
This commit is contained in:
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user