chore: create Multica handoff checkpoint
This commit is contained in:
+36
-9
@@ -661,7 +661,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
@media (max-width: 767px) {
|
||||
:where(#dragonView) .dragon-trader-list {
|
||||
padding: 0px 15px;
|
||||
}
|
||||
@@ -842,7 +842,7 @@
|
||||
padding: 9px 14px;
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
@media (max-width: 767px) {
|
||||
.dragon-filterbar {
|
||||
align-items: stretch;
|
||||
|
||||
@@ -1558,7 +1558,7 @@
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
@media (min-width: 721px) {
|
||||
@media (min-width: 768px) {
|
||||
body[data-active-view="dragonView"] .app-main {
|
||||
height: var(--workspace-height);
|
||||
|
||||
@@ -1576,7 +1576,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 721px) and (max-height: 900px) {
|
||||
@media (min-width: 768px) and (max-height: 900px) {
|
||||
.redesigned-dragon-view {
|
||||
padding-top: 9px;
|
||||
|
||||
@@ -1688,7 +1688,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
@media (max-width: 767px) {
|
||||
.redesigned-dragon-view {
|
||||
padding: 10px;
|
||||
}
|
||||
@@ -1795,7 +1795,7 @@
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#dragonView .dragon-trader-detail .trader-operations {
|
||||
body.mobile-shell #dragonView .dragon-trader-detail .trader-operations {
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
@@ -2306,13 +2306,13 @@
|
||||
font-weight: var(--dragon-profile-weight-semibold);
|
||||
}
|
||||
|
||||
@media (min-width: 721px) {
|
||||
@media (min-width: 768px) {
|
||||
body[data-active-view="dragonView"] .hot-money-profiles-v2 {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
@media (max-width: 767px) {
|
||||
.hot-money-profiles-v2 {
|
||||
overflow: visible;
|
||||
}
|
||||
@@ -2354,7 +2354,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 721px) {
|
||||
@media (min-width: 768px) {
|
||||
body[data-active-view="dragonView"] .dragon-daily-content-v2 {
|
||||
display: block;
|
||||
|
||||
@@ -2473,3 +2473,30 @@ table.tbl {
|
||||
|
||||
background: var(--surface-muted) !important;
|
||||
}
|
||||
|
||||
/* Mobile dragon-tiger pages use document scrolling, including long operation lists. */
|
||||
@media (max-width: 767px) {
|
||||
#dragonView {
|
||||
padding-inline: 0;
|
||||
}
|
||||
|
||||
#dragonView :is(.dragon-daily-content-v2, .dragon-trader-detail-v2, .dragon-unclassified-v2, .hot-money-profiles-v2) {
|
||||
max-height: none;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
#dragonView .dragon-trader-detail .trader-operations {
|
||||
max-height: none;
|
||||
overflow-x: auto;
|
||||
overflow-y: visible;
|
||||
}
|
||||
|
||||
#dragonView .hot-money-profile-list-v2 {
|
||||
max-height: none;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
#dragonView .dragon-operation-table {
|
||||
min-width: var(--table-wide);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -261,7 +261,7 @@ function layoutDragonCards(container = document.querySelector("#dragonTraderList
|
||||
const cards = [...container.querySelectorAll(".dragon-trader-card")];
|
||||
const hitZones = [...container.querySelectorAll(".dragon-card-hit-zone")];
|
||||
if (!cards.length) return;
|
||||
const compact = window.innerWidth <= 720;
|
||||
const compact = window.innerWidth <= 767;
|
||||
const cardWidth = compact ? 148 : 176;
|
||||
const available = Math.max(cardWidth, container.clientWidth - (compact ? 30 : 72));
|
||||
const spread = Math.min(available - cardWidth, compact ? 310 : 1050);
|
||||
|
||||
Reference in New Issue
Block a user