chore: create Multica handoff checkpoint
This commit is contained in:
+83
-7
@@ -584,7 +584,7 @@
|
||||
border-bottom-color: var(--border);
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
@media (max-width: 767px) {
|
||||
.main-grid {
|
||||
display: block;
|
||||
|
||||
@@ -1146,7 +1146,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) {
|
||||
@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) {
|
||||
.pool-page-head .toolbar-controls {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
@@ -1290,7 +1290,7 @@
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) {
|
||||
@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) {
|
||||
.broken-page-head .toolbar-controls {
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
@@ -2182,7 +2182,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
@media (max-width: 767px) {
|
||||
.redesigned-performance-view .performance-cards {
|
||||
grid-template-columns: repeat(2, minmax(0px, 1fr));
|
||||
}
|
||||
@@ -2211,7 +2211,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
@media (max-width: 767px) {
|
||||
.redesigned-performance-view {
|
||||
padding: 0px;
|
||||
}
|
||||
@@ -2284,7 +2284,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
@media (max-width: 767px) {
|
||||
:is(#limitTable, #brokenTable, #downTable, #yesterdayTable) .pool-reason-cell {
|
||||
white-space: normal;
|
||||
}
|
||||
@@ -2374,7 +2374,7 @@
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
@media (min-width: 721px) {
|
||||
@media (min-width: 768px) {
|
||||
#yesterdayView.active-view {
|
||||
min-height: 0px;
|
||||
|
||||
@@ -2489,3 +2489,79 @@
|
||||
.ladder-mini.pool-side-list {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Mobile pool workspaces keep filters usable and tables locally horizontal. */
|
||||
@media (max-width: 767px) {
|
||||
:is(#limitPool, #brokenView, #downView, #yesterdayView, #performanceView) {
|
||||
padding-inline: 0;
|
||||
}
|
||||
|
||||
:is(.pool-page-head, .broken-page-head, .down-page-head, .yesterday-page-head) {
|
||||
gap: var(--space-8);
|
||||
}
|
||||
|
||||
body.mobile-shell :is(.pool-page-head, .broken-page-head, .down-page-head, .yesterday-page-head) .toolbar-controls {
|
||||
width: 100%;
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) auto;
|
||||
gap: var(--space-8);
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.pool-page-head .pool-filter-segments {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
.pool-page-head .pool-filter-segments .segment {
|
||||
min-width: 0;
|
||||
flex: 1 1 0;
|
||||
padding-inline: var(--space-8);
|
||||
}
|
||||
|
||||
:is(.pool-page-head, .broken-page-head, .down-page-head, .yesterday-page-head) .pool-search-field {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
:is(.pool-page-head, .broken-page-head, .down-page-head, .yesterday-page-head) .pool-search-field input {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
#limitPool .redesigned-pool-grid {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--space-12);
|
||||
}
|
||||
|
||||
:is(#limitPool, #brokenView, #downView, #yesterdayView) .tbl-wrap {
|
||||
min-height: var(--mobile-table-min-height);
|
||||
max-height: none;
|
||||
overflow-x: auto;
|
||||
overflow-y: visible;
|
||||
}
|
||||
|
||||
#limitPool .pool-insight-rail {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
gap: var(--space-12);
|
||||
}
|
||||
|
||||
#limitPool .pool-insight-rail .rail-section {
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
#yesterdayView .yesterday-result-summary {
|
||||
display: flex;
|
||||
overflow-x: auto;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
|
||||
#yesterdayView .yesterday-summary-cell {
|
||||
min-width: var(--mobile-summary-card-width);
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user