almet/umap
1
0
Fork 0
mirror of https://github.com/umap-project/umap.git synced 2025-04-28 19:42:36 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat: highlight importer URL field when it is fulfilled

Browse source 
cf #2302
This commit is contained in:
Yohan Boniface 2024-12-02 17:16:32 +01:00
parent f6f42f5e6b
commit bba9487847
2 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
umap/static/umap/css/form.css
View file

@ -414,7 +414,7 @@ input.switch:checked ~ label:after {
i.info { i.info {
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: url('./img/16.svg'); background-image: url('../img/16.svg');
background-position: -170px -50px; background-position: -170px -50px;
display: inline-block; display: inline-block;
margin-inline-start: 5px; margin-inline-start: 5px;
@ -423,7 +423,7 @@ i.info {
height: 18px; height: 18px;
} }
.dark i.info { .dark i.info {
background-image: url('./img/16-white.svg'); background-image: url('../img/16-white.svg');
} }
.with-transition { .with-transition {
transition: all .7s; transition: all .7s;
@ -436,7 +436,7 @@ i.info {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
display: inline-block; display: inline-block;
background-image: url('./img/24.svg'); background-image: url('../img/24.svg');
vertical-align: bottom; vertical-align: bottom;
content: " "; content: " ";
} }
@ -445,7 +445,7 @@ i.info {
.dark .umap-clone:before, .dark .umap-clone:before,
.dark .umap-edit:before, .dark .umap-download:before, .dark .umap-edit:before, .dark .umap-download:before,
.dark .umap-to-polyline:before { .dark .umap-to-polyline:before {
background-image: url('./img/24-white.svg'); background-image: url('../img/24-white.svg');
vertical-align: middle; vertical-align: middle;
} }
.umap-to-polygon:before { .umap-to-polygon:before {
@ -599,3 +599,6 @@ input[type=hidden].blur + [type="button"] {
border: 1px solid #202425; border: 1px solid #202425;
border-radius: initial; border-radius: initial;
} }
input.highlightable:not(:placeholder-shown) {
border: 1px solid var(--color-brightCyan);
}

2
umap/static/umap/js/modules/importer.js
View file

@ -10,7 +10,7 @@ const TEMPLATE = `
<fieldset class="formbox"> <fieldset class="formbox">
<legend class="counter">${translate('Choose data')}</legend> <legend class="counter">${translate('Choose data')}</legend>
<input type="file" multiple autofocus onchange /> <input type="file" multiple autofocus onchange />
<input type="url" placeholder="${translate('Provide an URL here')}" onchange /> <input class="highlightable" type="url" placeholder="${translate('Provide an URL here')}" onchange />
<textarea onchange placeholder="${translate('Paste your data here')}"></textarea> <textarea onchange placeholder="${translate('Paste your data here')}"></textarea>
<div class="importers" hidden> <div class="importers" hidden>
<h4>${translate('Import helpers:')}</h4> <h4>${translate('Import helpers:')}</h4>