fix(launcher): restore compact Call to Play form layout
The shared search style applied a 380px flex basis intended for a horizontal bar to the Call to Play form's vertical row, making its search field 380px tall. Keep sizing in the existing topbar rules so the form uses the 36px search height and can fit within its available width. Keep search results in normal flow so the scrolling modal contains them, and restore the design reference's accent background and border for selected timing, duration, and day buttons. Test Plan: - just frontend-test -- 98 passed - deno task build (frontend directory) -- TypeScript and Vite build passed - git diff --cached --check -- passed - Independent static review -- no regressions found - Visual verification unavailable: this session has no browser surface
This commit is contained in:
@@ -259,8 +259,7 @@
|
|||||||
border: 1px solid var(--bd-1);
|
border: 1px solid var(--bd-1);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
min-width: 320px;
|
min-width: 0;
|
||||||
flex: 0 1 380px;
|
|
||||||
color: var(--t-3);
|
color: var(--t-3);
|
||||||
transition:
|
transition:
|
||||||
border-color 0.15s,
|
border-color 0.15s,
|
||||||
@@ -2414,11 +2413,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.ctp-create-matches {
|
.ctp-create-matches {
|
||||||
position: absolute;
|
/* Keep results in the form's flow so the scrolling modal can contain them. */
|
||||||
top: calc(100% + 4px);
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
z-index: 20;
|
|
||||||
max-height: 220px;
|
max-height: 220px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
@@ -2495,6 +2490,8 @@
|
|||||||
color: var(--t-1);
|
color: var(--t-1);
|
||||||
}
|
}
|
||||||
.ctp-duration-btn.is-active {
|
.ctp-duration-btn.is-active {
|
||||||
|
background: var(--accent);
|
||||||
|
border-color: var(--accent);
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
.ctp-create-foot {
|
.ctp-create-foot {
|
||||||
|
|||||||
Reference in New Issue
Block a user