bot/WeatherTool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Stabilize City Analysis result workflow

Browse Source
This commit is contained in:
b0txec
2026-08-19 10:54:53 +03:00
parent b1326fa311
commit 35d6f51899
2 changed files with 33 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/css/aggregator.css
+4 -9
View File
@@ -20,18 +20,15 @@
/* City Analysis follows the same rail + full-width workspace geometry as Faktiskā. */ /* City Analysis follows the same rail + full-width workspace geometry as Faktiskā. */
.aggregator>.cityWorkspace{ .aggregator>.cityWorkspace{
grid-template-columns:230px minmax(0,1fr); grid-template-columns:230px minmax(0,1fr);
grid-template-areas:"cities query" "cities results";
column-gap:28px; column-gap:28px;
row-gap:16px;
} }
.aggregator .workspaceRail{ .aggregator .workspaceRail{
grid-area:cities;
padding:4px 24px 10px 0; padding:4px 24px 10px 0;
border-right:1px solid rgba(90,126,166,.2); border-right:1px solid rgba(90,126,166,.2);
} }
.aggregator .workspaceRail h2{margin:0 0 18px;font-size:16px} .aggregator .workspaceRail h2{margin:0 0 18px;font-size:16px}
.aggregator .analysisMain{display:grid;gap:16px;min-width:0;align-content:start}
.aggregator .workspaceToolbar{ .aggregator .workspaceToolbar{
grid-area:query;
display:grid; display:grid;
grid-template-columns:210px minmax(300px,1.25fr) minmax(500px,2fr); grid-template-columns:210px minmax(300px,1.25fr) minmax(500px,2fr);
gap:24px; gap:24px;
@@ -50,18 +47,16 @@
.aggregator .queryPanel h4{margin:0 0 9px} .aggregator .queryPanel h4{margin:0 0 9px}
.aggregator .queryPanel p{margin:8px 0 0} .aggregator .queryPanel p{margin:8px 0 0}
.aggregator .queryOptions ul{margin:0;padding:0} .aggregator .queryOptions ul{margin:0;padding:0}
.aggregator .resultsPanel{grid-area:results;grid-column:2;min-width:0;width:100%} .aggregator .resultsPanel{min-width:0;width:100%}
.aggregator .resultsPanel>div{width:100%} .aggregator .resultsPanel>div{width:100%}
@media(max-width:1200px){ @media(max-width:1200px){
.aggregator>.cityWorkspace{grid-template-columns:210px minmax(0,1fr);grid-template-areas:"cities query" "cities results"} .aggregator>.cityWorkspace{grid-template-columns:210px minmax(0,1fr)}
.aggregator .workspaceToolbar{grid-template-columns:1fr;align-items:start} .aggregator .workspaceToolbar{grid-template-columns:1fr;align-items:start}
.aggregator .queryOptions{grid-column:auto} .aggregator .queryOptions{grid-column:auto}
.aggregator .resultsPanel{grid-column:2}
} }
@media(max-width:800px){ @media(max-width:800px){
.aggregator>.cityWorkspace{grid-template-columns:1fr;grid-template-areas:"cities" "query" "results"} .aggregator>.cityWorkspace{grid-template-columns:1fr}
.aggregator .workspaceRail{padding-right:0;border-right:0;border-bottom:1px solid rgba(90,126,166,.2)} .aggregator .workspaceRail{padding-right:0;border-right:0;border-bottom:1px solid rgba(90,126,166,.2)}
.aggregator .queryOptions{grid-template-columns:1fr} .aggregator .queryOptions{grid-template-columns:1fr}
.aggregator .resultsPanel{grid-column:1}
} }
web/src/pages/cities/Cities.tsx
+29 -27
View File
@@ -28,34 +28,36 @@ export function Cities() {
<h2>1. Choose cities</h2> <h2>1. Choose cities</h2>
<SelectCity getCities={getCities} setCities={setCities} /> <SelectCity getCities={getCities} setCities={setCities} />
</aside> </aside>
<aside class="queryPanel workspaceToolbar"> <section class="analysisMain">
<h2>2. Configure query</h2> <aside class="queryPanel workspaceToolbar">
<div class="queryTimeRange"> <h2>2. Configure query</h2>
<SelectTimeRange <div class="queryTimeRange">
getStart={getStart} <SelectTimeRange
setStart={setStart} getStart={getStart}
getEnd={getEnd} setStart={setStart}
setEnd={setEnd} getEnd={getEnd}
/> setEnd={setEnd}
</div> />
<div class="queryOptions">
<div class="queryField">
<h4>Select field</h4>
<SelectField getField={getField} setField={setField} />
</div> </div>
<SelectKey getKey={getKey} setKey={setKey} /> <div class="queryOptions">
<SelectGranularity getGranularity={getGranularity} setGranularity={setGranularity} /> <div class="queryField">
</div> <h4>Select field</h4>
</aside> <SelectField getField={getField} setField={setField} />
<section class="resultsPanel"> </div>
<QueryView <SelectKey getKey={getKey} setKey={setKey} />
getCities={getCities} <SelectGranularity getGranularity={getGranularity} setGranularity={setGranularity} />
getStart={getStart} </div>
getEnd={getEnd} </aside>
getField={getField} <section class="resultsPanel">
getKey={getKey} <QueryView
getGranularity={getGranularity} getCities={getCities}
/> getStart={getStart}
getEnd={getEnd}
getField={getField}
getKey={getKey}
getGranularity={getGranularity}
/>
</section>
</section> </section>
</div> </div>
</div> </div>