fcd243a6f3* fix(e2e): make server-time element fill width for consistent mask - Add flex layout to .action p to make server-time stretch - Add #server-time flex: 1 rule across all basic-server variants - Update golden screenshots with full-width masked time field This ensures the Playwright mask covers a consistent width regardless of the timestamp content, fixing screenshot comparison flakiness. * fix(e2e): wait for select to be enabled in screenshot generator Match the logic in servers.spec.ts - wait for select to be enabled (servers connected) instead of just visible. * chore: trigger CI re-run
72 lines
1.2 KiB
CSS
72 lines
1.2 KiB
CSS
.main {
|
||
--color-primary: #2563eb;
|
||
--color-primary-hover: #1d4ed8;
|
||
--color-notice-bg: #eff6ff;
|
||
|
||
width: 100%;
|
||
max-width: 425px;
|
||
box-sizing: border-box;
|
||
|
||
> * {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
> * + * {
|
||
margin-top: 1.5rem;
|
||
}
|
||
}
|
||
|
||
.action {
|
||
> * {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
width: 100%;
|
||
}
|
||
|
||
> * + * {
|
||
margin-top: 0.5rem;
|
||
}
|
||
|
||
/* Server time row: flex layout for consistent mask width in E2E tests */
|
||
> p {
|
||
display: flex;
|
||
align-items: baseline;
|
||
gap: 0.25em;
|
||
}
|
||
|
||
/* Consistent font for form inputs (inherits from global.css) */
|
||
textarea,
|
||
input {
|
||
font-family: inherit;
|
||
font-size: inherit;
|
||
}
|
||
|
||
button {
|
||
padding: 0.5rem 1rem;
|
||
border: none;
|
||
border-radius: 6px;
|
||
color: white;
|
||
font-weight: bold;
|
||
background-color: var(--color-primary);
|
||
cursor: pointer;
|
||
|
||
&:hover,
|
||
&:focus-visible {
|
||
background-color: var(--color-primary-hover);
|
||
}
|
||
}
|
||
}
|
||
|
||
.notice {
|
||
padding: 0.5rem 0.75rem;
|
||
color: var(--color-primary);
|
||
text-align: center;
|
||
font-style: italic;
|
||
background-color: var(--color-notice-bg);
|
||
|
||
&::before {
|
||
content: "ℹ️ ";
|
||
font-style: normal;
|
||
}
|
||
}
|