From 066071524ffcc901a9fd625bd9ff51209ead04f1 Mon Sep 17 00:00:00 2001
From: Anton <info@ensostudio.ru>
Date: Sat, 15 Jan 2022 12:13:48 +0300
Subject: [PATCH 01/16] Fix `.form-control-plaintext` for select, textarea
---
scss/forms/_form-control.scss | 2 ++
1 file changed, 2 insertions(+)
diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss
index 51b3baa838..95d06c9668 100644
--- a/scss/forms/_form-control.scss
+++ b/scss/forms/_form-control.scss
@@ -108,6 +108,8 @@
background-color: transparent;
border: solid transparent;
border-width: $input-border-width 0;
+ appearance: none; // to hide select
+ resize: none; // fix for textarea
&.form-control-sm,
&.form-control-lg {
--
GitLab
From 4038071824ed90cf6b52ecb0b20fdaf379ab3c51 Mon Sep 17 00:00:00 2001
From: Anton <info@ensostudio.ru>
Date: Sat, 15 Jan 2022 12:15:32 +0300
Subject: [PATCH 02/16] Update _form-control.scss
---
scss/forms/_form-control.scss | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss
index 95d06c9668..c69e094a0d 100644
--- a/scss/forms/_form-control.scss
+++ b/scss/forms/_form-control.scss
@@ -108,8 +108,8 @@
background-color: transparent;
border: solid transparent;
border-width: $input-border-width 0;
- appearance: none; // to hide select
- resize: none; // fix for textarea
+ appearance: none; // Fix for select, textarea
+ resize: none; // Fix for textarea
&.form-control-sm,
&.form-control-lg {
--
GitLab
From 9a8082fdd8378f94dc3ae136d115e2a3d40b8783 Mon Sep 17 00:00:00 2001
From: Anton <info@ensostudio.ru>
Date: Sat, 15 Jan 2022 12:17:28 +0300
Subject: [PATCH 03/16] Update _form-control.scss
---
scss/forms/_form-control.scss | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss
index c69e094a0d..7648d9d1b5 100644
--- a/scss/forms/_form-control.scss
+++ b/scss/forms/_form-control.scss
@@ -108,8 +108,8 @@
background-color: transparent;
border: solid transparent;
border-width: $input-border-width 0;
- appearance: none; // Fix for select, textarea
- resize: none; // Fix for textarea
+ appearance: none;
+ resize: none;
&.form-control-sm,
&.form-control-lg {
--
GitLab
From 34d82b4f00cc23fea537bda3b811cc3c3c3d9935 Mon Sep 17 00:00:00 2001
From: Anton <info@ensostudio.ru>
Date: Sat, 15 Jan 2022 12:20:04 +0300
Subject: [PATCH 04/16] Update _form-control.scss
---
scss/forms/_form-control.scss | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss
index 7648d9d1b5..c6f6f2a451 100644
--- a/scss/forms/_form-control.scss
+++ b/scss/forms/_form-control.scss
@@ -106,10 +106,10 @@
line-height: $input-line-height;
color: $input-plaintext-color;
background-color: transparent;
- border: solid transparent;
- border-width: $input-border-width 0;
appearance: none;
resize: none;
+ border: solid transparent;
+ border-width: $input-border-width 0;
&.form-control-sm,
&.form-control-lg {
--
GitLab
From 658d15136c8bcd85b232a9fe9199fa9226ab50b7 Mon Sep 17 00:00:00 2001
From: Anton <info@ensostudio.ru>
Date: Sat, 15 Jan 2022 12:24:39 +0300
Subject: [PATCH 05/16] Update _form-control.scss
---
scss/forms/_form-control.scss | 7 +++++--
1 file changed, 5 insertions(+), 2 deletions(-)
diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss
index c6f6f2a451..4665e2bb7a 100644
--- a/scss/forms/_form-control.scss
+++ b/scss/forms/_form-control.scss
@@ -106,10 +106,9 @@
line-height: $input-line-height;
color: $input-plaintext-color;
background-color: transparent;
- appearance: none;
- resize: none;
border: solid transparent;
border-width: $input-border-width 0;
+ appearance: none;
&.form-control-sm,
&.form-control-lg {
@@ -118,6 +117,10 @@
}
}
+textarea.form-control-plaintext {
+ resize: none;
+}
+
// Form control sizing
//
// Build on `.form-control` with modifier classes to decrease or increase the
--
GitLab
From c0ef244ed85f1c8ef521bbd9d497c8be2baacc00 Mon Sep 17 00:00:00 2001
From: Anton <info@ensostudio.ru>
Date: Sat, 15 Jan 2022 12:29:37 +0300
Subject: [PATCH 06/16] Update _form-control.scss
---
scss/forms/_form-control.scss | 8 ++++----
1 file changed, 4 insertions(+), 4 deletions(-)
diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss
index 4665e2bb7a..7270ea88ce 100644
--- a/scss/forms/_form-control.scss
+++ b/scss/forms/_form-control.scss
@@ -117,10 +117,6 @@
}
}
-textarea.form-control-plaintext {
- resize: none;
-}
-
// Form control sizing
//
// Build on `.form-control` with modifier classes to decrease or increase the
@@ -169,6 +165,10 @@ textarea {
&.form-control-lg {
min-height: $input-height-lg;
}
+
+ &.form-control-plaintext {
+ resize: none;
+ }
}
// stylelint-enable selector-no-qualifying-type
--
GitLab
From a88bdd9ccc94e169e7b3b194102bd5628625285e Mon Sep 17 00:00:00 2001
From: Anton <info@ensostudio.ru>
Date: Tue, 8 Feb 2022 20:34:10 +0300
Subject: [PATCH 07/16] Update form-control.md
---
site/content/docs/5.1/forms/form-control.md | 18 +++++++++++++++++-
1 file changed, 17 insertions(+), 1 deletion(-)
diff --git a/site/content/docs/5.1/forms/form-control.md b/site/content/docs/5.1/forms/form-control.md
index 9c1c495b16..19bc2abe82 100644
--- a/site/content/docs/5.1/forms/form-control.md
+++ b/site/content/docs/5.1/forms/form-control.md
@@ -48,7 +48,7 @@ Add the `readonly` boolean attribute on an input to prevent modification of the
## Readonly plain text
-If you want to have `<input readonly>` elements in your form styled as plain text, use the `.form-control-plaintext` class to remove the default form field styling and preserve the correct margin and padding.
+If you want to have `<input readonly>`, `<select readonly>` or `<textarea readonly>` elements in your form styled as plain text, use the `.form-control-plaintext` class to remove the default form field styling and preserve the correct margin and padding.
{{< example >}}
<div class="mb-3 row">
@@ -57,6 +57,22 @@ If you want to have `<input readonly>` elements in your form styled as plain tex
<input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
</div>
</div>
+ <div class="mb-3 row">
+ <label for="staticBio" class="col-sm-2 col-form-label">Bio</label>
+ <div class="col-sm-10">
+ <textarea readonly class="form-control-plaintext" id="staticBio">Few words about self</textarea>
+ </div>
+ </div>
+ <div class="mb-3 row">
+ <label for="staticGender" class="col-sm-2 col-form-label">Gender</label>
+ <div class="col-sm-10">
+ <select readonly class="form-control-plaintext" id="staticGender">
+ <option value="0" selected>male</option>
+ <option value="1">female</option>
+ <option value="2">other</option>
+ </select>
+ </div>
+ </div>
<div class="mb-3 row">
<label for="inputPassword" class="col-sm-2 col-form-label">Password</label>
<div class="col-sm-10">
--
GitLab
From a93e5d8957093bf50e8b7e311d66f00f5f7b3f2b Mon Sep 17 00:00:00 2001
From: Anton <info@ensostudio.ru>
Date: Tue, 8 Feb 2022 20:58:35 +0300
Subject: [PATCH 08/16] Update _form-control.scss
---
scss/forms/_form-control.scss | 5 +----
1 file changed, 1 insertion(+), 4 deletions(-)
diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss
index 7270ea88ce..7648d9d1b5 100644
--- a/scss/forms/_form-control.scss
+++ b/scss/forms/_form-control.scss
@@ -109,6 +109,7 @@
border: solid transparent;
border-width: $input-border-width 0;
appearance: none;
+ resize: none;
&.form-control-sm,
&.form-control-lg {
@@ -165,10 +166,6 @@ textarea {
&.form-control-lg {
min-height: $input-height-lg;
}
-
- &.form-control-plaintext {
- resize: none;
- }
}
// stylelint-enable selector-no-qualifying-type
--
GitLab
From 4ff057886e3ee1a077b528ed0bda8ec34afd97e0 Mon Sep 17 00:00:00 2001
From: Anton <info@ensostudio.ru>
Date: Tue, 8 Feb 2022 21:07:01 +0300
Subject: [PATCH 09/16] Update form-control.md
---
site/content/docs/5.1/forms/form-control.md | 15 ++++++++-------
1 file changed, 8 insertions(+), 7 deletions(-)
diff --git a/site/content/docs/5.1/forms/form-control.md b/site/content/docs/5.1/forms/form-control.md
index 19bc2abe82..24c6848377 100644
--- a/site/content/docs/5.1/forms/form-control.md
+++ b/site/content/docs/5.1/forms/form-control.md
@@ -58,18 +58,19 @@ If you want to have `<input readonly>`, `<select readonly>` or `<textarea readon
</div>
</div>
<div class="mb-3 row">
- <label for="staticBio" class="col-sm-2 col-form-label">Bio</label>
+ <label for="staticTextarea" class="col-sm-2 col-form-label">Textarea</label>
<div class="col-sm-10">
- <textarea readonly class="form-control-plaintext" id="staticBio">Few words about self</textarea>
+ <textarea readonly class="form-control-plaintext" id="staticTextarea" rows="2">Multi-line text</textarea>
</div>
</div>
<div class="mb-3 row">
- <label for="staticGender" class="col-sm-2 col-form-label">Gender</label>
+ <label for="staticSelect" class="col-sm-2 col-form-label">Select</label>
<div class="col-sm-10">
- <select readonly class="form-control-plaintext" id="staticGender">
- <option value="0" selected>male</option>
- <option value="1">female</option>
- <option value="2">other</option>
+ <select readonly class="form-control-plaintext" id="staticSelect">
+ <option value="0">Open this select menu</option>
+ <option value="1" selected>One</option>
+ <option value="2">Two</option>
+ <option value="3">Three</option>
</select>
</div>
</div>
--
GitLab
From 5029aa254820a37f78db1ccbe2b608bc50afff85 Mon Sep 17 00:00:00 2001
From: Anton <info@ensostudio.ru>
Date: Tue, 8 Feb 2022 21:10:31 +0300
Subject: [PATCH 10/16] Update _form-control.scss
---
scss/forms/_form-control.scss | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss
index 7648d9d1b5..db0a340065 100644
--- a/scss/forms/_form-control.scss
+++ b/scss/forms/_form-control.scss
@@ -106,10 +106,10 @@
line-height: $input-line-height;
color: $input-plaintext-color;
background-color: transparent;
+ resize: none;
border: solid transparent;
border-width: $input-border-width 0;
appearance: none;
- resize: none;
&.form-control-sm,
&.form-control-lg {
--
GitLab
From e3e268277bc267fe8494db8f15c73528cdce34d5 Mon Sep 17 00:00:00 2001
From: Anton <info@ensostudio.ru>
Date: Tue, 8 Feb 2022 21:12:45 +0300
Subject: [PATCH 11/16] Update _form-control.scss
---
scss/forms/_form-control.scss | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss
index db0a340065..c24fe9427e 100644
--- a/scss/forms/_form-control.scss
+++ b/scss/forms/_form-control.scss
@@ -101,12 +101,12 @@
.form-control-plaintext {
display: block;
width: 100%;
+ resize: none;
padding: $input-padding-y 0;
margin-bottom: 0; // match inputs if this class comes on inputs with default margins
line-height: $input-line-height;
color: $input-plaintext-color;
background-color: transparent;
- resize: none;
border: solid transparent;
border-width: $input-border-width 0;
appearance: none;
--
GitLab
From 8473907cd247f8e62680f334534904b1e7080cda Mon Sep 17 00:00:00 2001
From: Anton <info@ensostudio.ru>
Date: Tue, 8 Feb 2022 21:16:04 +0300
Subject: [PATCH 12/16] Update _form-control.scss
---
scss/forms/_form-control.scss | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss
index c24fe9427e..50e26f5c0b 100644
--- a/scss/forms/_form-control.scss
+++ b/scss/forms/_form-control.scss
@@ -101,9 +101,9 @@
.form-control-plaintext {
display: block;
width: 100%;
- resize: none;
padding: $input-padding-y 0;
margin-bottom: 0; // match inputs if this class comes on inputs with default margins
+ resize: none;
line-height: $input-line-height;
color: $input-plaintext-color;
background-color: transparent;
--
GitLab
From 3a2fdc21fd88b304041e9a0c025708e95b3ed887 Mon Sep 17 00:00:00 2001
From: Anton <info@ensostudio.ru>
Date: Tue, 8 Feb 2022 21:16:26 +0300
Subject: [PATCH 13/16] Update form-control.md
---
site/content/docs/5.1/forms/form-control.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/site/content/docs/5.1/forms/form-control.md b/site/content/docs/5.1/forms/form-control.md
index 24c6848377..a7613029b9 100644
--- a/site/content/docs/5.1/forms/form-control.md
+++ b/site/content/docs/5.1/forms/form-control.md
@@ -66,7 +66,7 @@ If you want to have `<input readonly>`, `<select readonly>` or `<textarea readon
<div class="mb-3 row">
<label for="staticSelect" class="col-sm-2 col-form-label">Select</label>
<div class="col-sm-10">
- <select readonly class="form-control-plaintext" id="staticSelect">
+ <select class="form-control-plaintext" id="staticSelect">
<option value="0">Open this select menu</option>
<option value="1" selected>One</option>
<option value="2">Two</option>
--
GitLab
From ee07181d78ed03899e7faf6af78d79b34d6deffc Mon Sep 17 00:00:00 2001
From: Anton <info@ensostudio.ru>
Date: Tue, 8 Feb 2022 21:17:53 +0300
Subject: [PATCH 14/16] Update form-control.md
---
site/content/docs/5.1/forms/form-control.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/site/content/docs/5.1/forms/form-control.md b/site/content/docs/5.1/forms/form-control.md
index a7613029b9..b83611658e 100644
--- a/site/content/docs/5.1/forms/form-control.md
+++ b/site/content/docs/5.1/forms/form-control.md
@@ -48,7 +48,7 @@ Add the `readonly` boolean attribute on an input to prevent modification of the
## Readonly plain text
-If you want to have `<input readonly>`, `<select readonly>` or `<textarea readonly>` elements in your form styled as plain text, use the `.form-control-plaintext` class to remove the default form field styling and preserve the correct margin and padding.
+If you want to have `<input readonly>`, `<textarea readonly>` or `<select>` elements in your form styled as plain text, use the `.form-control-plaintext` class to remove the default form field styling and preserve the correct margin and padding.
{{< example >}}
<div class="mb-3 row">
--
GitLab
From d7cb58b375fa2be6b5be9b302d1589b12362690c Mon Sep 17 00:00:00 2001
From: Anton <info@ensostudio.ru>
Date: Tue, 8 Feb 2022 21:20:03 +0300
Subject: [PATCH 15/16] Update _form-control.scss
---
scss/forms/_form-control.scss | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss
index 50e26f5c0b..f335c989e7 100644
--- a/scss/forms/_form-control.scss
+++ b/scss/forms/_form-control.scss
@@ -103,8 +103,8 @@
width: 100%;
padding: $input-padding-y 0;
margin-bottom: 0; // match inputs if this class comes on inputs with default margins
- resize: none;
line-height: $input-line-height;
+ resize: none;
color: $input-plaintext-color;
background-color: transparent;
border: solid transparent;
--
GitLab
From 093265a646ba1a6c4f207afb20b4efb61a33b9dc Mon Sep 17 00:00:00 2001
From: Anton <info@ensostudio.ru>
Date: Wed, 9 Feb 2022 00:45:41 +0300
Subject: [PATCH 16/16] Update _form-control.scss
---
scss/forms/_form-control.scss | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss
index f335c989e7..a90f90760c 100644
--- a/scss/forms/_form-control.scss
+++ b/scss/forms/_form-control.scss
@@ -104,8 +104,8 @@
padding: $input-padding-y 0;
margin-bottom: 0; // match inputs if this class comes on inputs with default margins
line-height: $input-line-height;
- resize: none;
color: $input-plaintext-color;
+ resize: none;
background-color: transparent;
border: solid transparent;
border-width: $input-border-width 0;
--
GitLab