diff --git a/frontend/src/styles/floatingWidget.css b/frontend/src/styles/floatingWidget.css index 94d37b6..d3f1c2c 100644 --- a/frontend/src/styles/floatingWidget.css +++ b/frontend/src/styles/floatingWidget.css @@ -106,6 +106,8 @@ .fw-window-body-wrap { position: relative; + display: flex; + flex-direction: column; flex: 1; min-height: 0; min-width: 0; @@ -115,6 +117,8 @@ .fw-window-body { flex: 1; min-height: 0; + width: 100%; + height: 100%; display: grid; gap: 1px; padding: 0; @@ -129,15 +133,19 @@ flex-direction: column; background: var(--se-center-bg, var(--bg2)); overflow: hidden; + position: relative; + z-index: 1; } .fw-window-cell .wd-slot { flex: 1; min-height: 0; + height: 100%; border: none; border-radius: 0; display: flex; flex-direction: column; + overflow: hidden; } .fw-window-cell .wd-slot-body { @@ -145,16 +153,20 @@ min-height: 0; display: flex; flex-direction: column; + overflow: hidden; } .fw-window-cell .wd-slot-empty { flex: 1; min-height: 0; + height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; + padding: 12px; + overflow: auto; } .fw-window-cell .wd-widget-host { @@ -277,6 +289,7 @@ min-height: 0; height: 100%; width: 100%; + overflow: hidden; } .fw-window-cell .wd-widget-host > *:only-child { @@ -321,14 +334,29 @@ } .fw-window-cell .wd-widget-host--market .market-panel { + position: relative !important; + width: 100% !important; + min-width: 0 !important; + max-width: none !important; height: 100% !important; flex: 1; + transform: none !important; + box-shadow: none; + border: none; + overflow: hidden; +} + +.fw-window-cell .wd-widget-host--market .market-panel--open { + width: 100% !important; } .fw-window-cell .wd-widget-host--market .mp-body, .fw-window-cell .wd-widget-host--market .mp-list { + width: 100% !important; + min-width: 0 !important; flex: 1; min-height: 0; + overflow: auto; } .fw-window-cell .wd-widget-host--trade,