RanchiMall/kyc
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UX fix

Browse Source
This commit is contained in:
sairaj mote 2023-08-27 11:39:50 +05:30
parent 562a19acf5
commit ba9affd340
5 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/main.css
View File

@ -499,7 +499,7 @@ h3 {
background: radial-gradient(circle, rgba(var(--background-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%); background: radial-gradient(circle, rgba(var(--background-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);
} }
.interact { .interact:not([disabled]) {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
css/main.scss
View File

@ -468,7 +468,7 @@ h3 {
); );
} }
} }
.interact { .interact:not([disabled]) {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;

20
index.html
View File

@ -139,7 +139,7 @@
</div> </div>
</sm-form> </sm-form>
</sm-popup> </sm-popup>
<script src="https://unpkg.com/neverland"></script> <script src="scripts/neverland.min.js"></script>
<script src="scripts/components.min.js"></script> <script src="scripts/components.min.js"></script>
<script src="scripts/lib.js"></script> <script src="scripts/lib.js"></script>
<script src="scripts/floCrypto.js"></script> <script src="scripts/floCrypto.js"></script>
@ -873,11 +873,11 @@
const { pubKey, name } = floGlobals.appObjects.kycDocs.issuers[issuer] || {}; const { pubKey, name } = floGlobals.appObjects.kycDocs.issuers[issuer] || {};
if (!name || !pubKey) return html``; if (!name || !pubKey) return html``;
return html` return html`
<label class="interact"> <label class="interact">
<input type="radio" name="kyc_issuer" value=${pubKey}/> <input type="radio" name="kyc_issuer" value=${pubKey}/>
<span>${name}</span> <span>${name}</span>
</label> </label>
`; `;
}); });
switch (country) { switch (country) {
case 'el-salvador': { case 'el-salvador': {
@ -1065,12 +1065,12 @@
return html` return html`
<fieldset id="file_doc_type_selector" onchange=${(e) => { setSelectedIdProof(e.target.value) }}> <fieldset id="file_doc_type_selector" onchange=${(e) => { setSelectedIdProof(e.target.value) }}>
<legend>Select ID proof</legend> <legend>Select ID proof</legend>
<label class="interact"> <label class="interact" disabled=${selectedFile}>
<input type="radio" name="file_type" value="driving_license"/> <input type="radio" name="file_type" value="driving_license" disabled=${selectedFile}/>
<span>Driving license</span> <span>Driving license</span>
</label> </label>
<label class="interact"> <label class="interact" disabled=${selectedFile}>
<input type="radio" name="file_type" value="passport"/> <input type="radio" name="file_type" value="passport" disabled=${selectedFile}/>
<span>Passport</span> <span>Passport</span>
</label> </label>
</fieldset> </fieldset>
@ -1823,7 +1823,7 @@
notify('copied', 'success') notify('copied', 'success')
}) })
document.addEventListener("pointerdown", (e) => { document.addEventListener("pointerdown", (e) => {
if (e.target.closest("button:not([disabled]), sm-button:not([disabled]), .interact")) { if (e.target.closest("button:not([disabled]), sm-button:not([disabled]), .interact:not([disabled])")) {
createRipple(e, e.target.closest("button, sm-button, .interact")); createRipple(e, e.target.closest("button, sm-button, .interact"));
} }
}); });

2
scripts/neverland.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long