CalvinBackup/phishingclub
1
0 Fork 0
mirror of https://github.com/phishingclub/phishingclub.git synced 2026-10-14 03:00:46 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix TextFieldSelect eclipses and title on hover

Browse Source 
Signed-off-by: Ronni Skansing <rskansing@gmail.com>
This commit is contained in:
Ronni Skansing committed 2026-02-18 19:54:53 +01:00
1 parent 711b97d173
commit 14d464e669
2 files changed
+7 -6
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

frontend/src/lib/components/TextFieldSelect.svelte
+4 -3
View File
@@ -320,13 +320,15 @@
aria-autocomplete="list" aria-autocomplete="list"
aria-haspopup="listbox" aria-haspopup="listbox"
value={showDropdown ? value : displayValue} value={showDropdown ? value : displayValue}
title={displayValue}
on:focus={handleFocus} on:focus={handleFocus}
on:blur={handleBlur} on:blur={handleBlur}
on:input={handleInput} on:input={handleInput}
on:keydown={handleKeyDown} on:keydown={handleKeyDown}
on:click={handleFocus} on:click={handleFocus}
autocomplete="off" autocomplete="off"
class="w-full relative rounded-md py-2 pr-10 text-gray-600 dark:text-gray-300 border border-transparent focus:outline-none focus:border-solid focus:border focus:border-slate-400 dark:focus:border-highlight-blue/80 focus:bg-gray-100 dark:focus:bg-gray-700/60 bg-grayblue-light dark:bg-gray-900/60 font-normal cursor-pointer focus:cursor-text transition-colors duration-200" style={optional && hasValue ? 'padding-right: 4rem;' : 'padding-right: 2.5rem;'}
class="w-full relative rounded-md py-2 text-gray-600 dark:text-gray-300 border border-transparent focus:outline-none focus:border-solid focus:border focus:border-slate-400 dark:focus:border-highlight-blue/80 focus:bg-gray-100 dark:focus:bg-gray-700/60 bg-grayblue-light dark:bg-gray-900/60 font-normal cursor-pointer focus:cursor-text transition-colors duration-200 overflow-hidden text-ellipsis whitespace-nowrap"
class:pl-10={showDropdown} class:pl-10={showDropdown}
class:pl-4={!showDropdown} class:pl-4={!showDropdown}
placeholder={!hasValue && !showDropdown ? placeholder : ''} placeholder={!hasValue && !showDropdown ? placeholder : ''}
@@ -344,7 +346,7 @@
<!-- Clear button for optional fields --> <!-- Clear button for optional fields -->
{#if optional === true && hasValue} {#if optional === true && hasValue}
<button <button
class="absolute right-10 z-10" class="absolute right-8 z-10 hover:opacity-70 transition-opacity"
type="button" type="button"
aria-label="Clear selection" aria-label="Clear selection"
on:click={(e) => { on:click={(e) => {
@@ -360,7 +362,6 @@
<!-- Dropdown arrow --> <!-- Dropdown arrow -->
<img <img
class="absolute pointer-events-none w-4 right-3" class="absolute pointer-events-none w-4 right-3"
class:right-12={optional === true && hasValue}
src="/arrow.svg" src="/arrow.svg"
alt="" alt=""
aria-hidden="true" aria-hidden="true"
frontend/src/lib/components/form/TextFieldSelectWithType.svelte
+3 -3
View File
@@ -308,7 +308,8 @@
on:keydown={handleKeyDown} on:keydown={handleKeyDown}
on:click={handleFocus} on:click={handleFocus}
autocomplete="off" autocomplete="off"
class="w-full relative rounded-md py-2 pr-10 text-gray-600 dark:text-gray-300 border border-transparent focus:outline-none focus:border-solid focus:border focus:border-slate-400 dark:focus:border-highlight-blue/80 focus:bg-gray-100 dark:focus:bg-gray-700/60 bg-grayblue-light dark:bg-gray-900/60 font-normal cursor-pointer focus:cursor-text transition-colors duration-200" style={optional && hasValue ? 'padding-right: 4rem;' : 'padding-right: 2.5rem;'}
class="w-full relative rounded-md py-2 text-gray-600 dark:text-gray-300 border border-transparent focus:outline-none focus:border-solid focus:border focus:border-slate-400 dark:focus:border-highlight-blue/80 focus:bg-gray-100 dark:focus:bg-gray-700/60 bg-grayblue-light dark:bg-gray-900/60 font-normal cursor-pointer focus:cursor-text transition-colors duration-200 overflow-hidden text-ellipsis whitespace-nowrap"
class:pl-10={isFocused && showDropdown} class:pl-10={isFocused && showDropdown}
class:pl-20={!isFocused} class:pl-20={!isFocused}
class:pl-4={isFocused && !showDropdown} class:pl-4={isFocused && !showDropdown}
@@ -328,7 +329,7 @@
<!-- Clear button for optional fields --> <!-- Clear button for optional fields -->
{#if optional === true && hasValue} {#if optional === true && hasValue}
<button <button
class="absolute right-10 z-10" class="absolute right-8 z-10 hover:opacity-70 transition-opacity"
type="button" type="button"
aria-label="Clear selection" aria-label="Clear selection"
on:click={(e) => { on:click={(e) => {
@@ -344,7 +345,6 @@
<!-- Dropdown arrow --> <!-- Dropdown arrow -->
<img <img
class="absolute pointer-events-none w-4 right-3" class="absolute pointer-events-none w-4 right-3"
class:right-12={optional === true && hasValue}
src="/arrow.svg" src="/arrow.svg"
alt="" alt=""
aria-hidden="true" aria-hidden="true"