iot/spore-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:_missing error arrow on from dropdowns

Browse Source
This commit is contained in:
0x1d
2025-09-20 15:09:13 +02:00
parent d2438eab82
commit 491ddb86b8
1 changed files with 36 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
public/styles/main.css
View File

@@ -2393,6 +2393,16 @@ p {
appearance: none; appearance: none;
} }
/* Add dropdown arrow for select elements in param-input */
.param-input[type="select"],
select.param-input {
padding-right: 2rem;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ecf0f1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>');
background-repeat: no-repeat;
background-position: right 0.6rem center;
background-size: 12px 12px;
}
.param-input option { .param-input option {
background: #1f2937; background: #1f2937;
color: var(--text-primary); color: var(--text-primary);
@@ -2404,6 +2414,15 @@ p {
box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.15); box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.15);
} }
/* Ensure arrow stays visible on focus for select elements */
.param-input[type="select"]:focus,
select.param-input:focus {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ecf0f1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>');
background-repeat: no-repeat;
background-position: right 0.6rem center;
background-size: 12px 12px;
}
.endpoint-params.none { .endpoint-params.none {
opacity: 1; opacity: 1;
font-size: 0.85rem; font-size: 0.85rem;
@@ -2642,6 +2661,23 @@ p {
background-position: right 0.5rem center; background-position: right 0.5rem center;
background-size: 10px 10px; background-size: 10px 10px;
} }
/* Responsive styles for param-input select elements */
.param-input[type="select"],
select.param-input {
padding-right: 1.75rem;
background-position: right 0.5rem center;
background-size: 10px 10px;
}
/* Ensure arrow stays visible on focus for mobile */
.param-input[type="select"]:focus,
select.param-input:focus {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ecf0f1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>');
background-repeat: no-repeat;
background-position: right 0.5rem center;
background-size: 10px 10px;
}
} }
/* Endpoint header mobile wrapping */ /* Endpoint header mobile wrapping */