keep label like display on text inputs

Ennoriel · Feb 15, 2024 · fd54d2b · fd54d2b
1 parent 2aae958
commit fd54d2b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,7 +2,7 @@
 
 ## 3.0.5
 
-- Fix bug occurring when limiting the amount of textModeInputs or changing the order of textModeInputs
+- Fix bug occurring when limiting the amount of textModeInputs or changing the order of textModeInputs (thanks to [al-soup](https://github.com/al-soup))
 
 ## 3.0.4
 

diff --git a/src/lib/components/variant/default/TextInput.svelte b/src/lib/components/variant/default/TextInput.svelte
@@ -92,6 +92,8 @@
 			<span class="disappear" aria-hidden="true">{texts.color[mode]}</span>
 			<span class="appear">{texts.changeTo} {nextMode}</span>
 		</button>
+	{:else}
+		<div class="button-like">{texts.color[mode]}</div>
 	{/if}
 </div>
 
@@ -123,7 +125,8 @@ _N.A._
 		gap: 10px;
 	}
 	input,
-	button {
+	button,
+	.button-like {
 		flex: 1;
 		border: none;
 		background-color: var(--cp-input-color, #eee);
@@ -139,7 +142,8 @@ _N.A._
 		font-family: inherit;
 	}
 
-	button {
+	button,
+	.button-like {
 		position: relative;
 		flex: 1;
 		margin: 8px 0 0;
@@ -150,6 +154,10 @@ _N.A._
 		font-family: inherit;
 	}
 
+	.button-like {
+		cursor: default;
+	}
+
 	.appear,
 	.disappear {
 		position: absolute;