Stefan/evcc-io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: UI suggest safari rendering (#26740)

Browse source
This commit is contained in:
Michael Geers 2026-01-17 09:55:13 +01:00 • committed by GitHub
parent e08741740d
commit 5a768d3e88
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 16 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

21
assets/css/app.css
View file

@ -588,31 +588,40 @@ input[type="time"]::-webkit-calendar-picker-indicator {
display: none;
}
/* Safari: hide the datalist dropdown button */
input[list]::-webkit-list-button {
display: none !important;
appearance: none !important;
opacity: 0 !important;
width: 0 !important;
pointer-events: none !important;
}
.form-control-clear {
position: absolute;
right: 0.75rem;
right: 0;
top: 0;
bottom: 0;
justify-content: center;
display: flex;
align-items: center;
justify-self: center;
width: 1.1rem;
font-size: 1.5rem;
font-weight: normal;
color: var(--evcc-default-text);
width: 36px;
height: 100%;
border: none;
background-color: transparent;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M 2,3 L 12,13 M 12,3 L 2,13'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: calc(50% - 3px) center;
background-size: 0.75rem;
padding: 0;
margin: 0;
cursor: pointer;
}
.dark .form-control-clear {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M 2,3 L 12,13 M 12,3 L 2,13'/%3e%3c/svg%3e");
}
/* hide dropdown arrow if clear is visible */
.form-select.has-clear-button {
background-image: none;

4
assets/js/components/Config/PropertyField.vue
View file

@ -86,9 +86,7 @@
class="form-control-clear"
:aria-label="$t('config.general.clear')"
@click="value = ''"
>
×
</button>
></button>
<datalist v-if="showDatalist" :id="datalistId">
<option v-for="v in serviceValues" :key="v" :value="v">
{{ v }}