ndr_ui 5.0.2 → 5.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: a2fe83273bc89d89c52221125280a72d2e21d8d1a6b5a08a60f705a822ee4892
4
- data.tar.gz: a7582a30f48f0b3b448f90f462adb12d66163ebf1fbefd5ca619c039130109b2
3
+ metadata.gz: b2c8d679fa84b0f26d8aeb70275d1a156923d26bce76e99d6b67f9a48f07b6c9
4
+ data.tar.gz: a05615082e74f125753a45e9461ca92c372bfda67d2a3243a3f3008dd24ef388
5
5
  SHA512:
6
- metadata.gz: 297e03b359f052b0945aefa379ebc60cf34aff58862c8623d2be1cd7c4888ce1a5b2d2964de0457e970c23d25956c8aa6349cc7207a9eb2ca1b34c30970400a4
7
- data.tar.gz: 459e1b57cc9573c494c72fef667e0c7efc5b02217fc6f4a4f605d56f3eaccc5a34d50393d3a19df10c6e86b6bfcf16fd96993748c816d437632224539495fae2
6
+ metadata.gz: 4449ba00a2a7d0e0619e017c48b4b3ca312524a747b9e6ea2d2fbc78e3119e3027ef8ec24b7442daf8c3484b8b9bbbf2c845d060a3f3f34b2d930b5af5761f3e
7
+ data.tar.gz: 3def4371d15455acaefa62d56808f5bfcce96513aa0210c348fecf0506042ab6fe4cd183117cf6ec732572cd87bf51ee7e38fdf775231c58e82a601112b824dc
data/CHANGELOG.md CHANGED
@@ -1,6 +1,10 @@
1
1
  ## [Unreleased]
2
2
  * no unreleased changes *
3
3
 
4
+ ## 5.0.3 / 2025-03-07
5
+ ### Fixed
6
+ * fix input group UI style in form and readonly mode
7
+
4
8
  ## 5.0.2 / 2025-03-02
5
9
  ### Fixed
6
10
  * add row class to horizontal form row (.form-group)
@@ -12,28 +12,46 @@ $bootstrap-icons-font-dir: ".";
12
12
  }
13
13
  }
14
14
 
15
- // for input fields with input-addons, remove background and border when the form is readonly.
16
- .input-group {
17
- .form-control-plaintext + .input-group-text {
18
- background: none;
19
- border:0;
20
- }
21
- }
22
-
23
- // UI fix for .input-group in readonly mode
15
+ // UI fix for form element in .input-group
24
16
  form .input-group {
25
- // for input-addons in readonly mode, remove background and border
26
- .form-control-plaintext + .input-group-text,
27
- .input-group-text:has(+ .form-control-plaintext) {
28
- background: none;
29
- border:0;
30
- }
31
-
32
17
  // for readonly fields following or followed by input-addons, set auto width to display content in one line
33
18
  .form-control-plaintext:has(+ .input-group-text),
34
19
  .input-group-text + .form-control-plaintext {
35
20
  width: auto;
36
21
  }
22
+
23
+ // for input-addons in readonly mode, reserve the border style for plain text and add more spacing on both sides
24
+ > .form-control-plaintext:has(+ .input-group-text),
25
+ > .input-group-text + .form-control-plaintext {
26
+ border: var(--bs-border-width) solid var(--bs-border-color);
27
+ padding-left: 8px;
28
+ padding-right: 8px;
29
+ }
30
+
31
+ // BS radius fix for elements in .input-group, as we added `.has-validation` class to .input-group by default
32
+ // remove right radius if an element is followed by another
33
+ // > .form-control in edit mode
34
+ .form-control:has(+ .input-group-text),
35
+ .input-group-text:has(+ .form-control) {
36
+ border-top-right-radius: 0;
37
+ border-bottom-right-radius: 0;
38
+ }
39
+ // > .form-control-plaintext in readonly mode
40
+ .form-control-plaintext:has(+ .input-group-text),
41
+ .input-group-text:has(+ .form-control-plaintext) {
42
+ border-top-right-radius: 0;
43
+ border-bottom-right-radius: 0;
44
+ }
45
+
46
+ // as a general global fix, ensure correct radius on first and last element
47
+ > :first-child {
48
+ border-top-left-radius: var(--bs-border-radius);
49
+ border-bottom-left-radius: var(--bs-border-radius);
50
+ }
51
+ > :last-child {
52
+ border-top-right-radius: var(--bs-border-radius);
53
+ border-bottom-right-radius: var(--bs-border-radius);
54
+ }
37
55
  }
38
56
 
39
57
  // Bootstrap don't have btn-default anymore
@@ -2,5 +2,5 @@
2
2
 
3
3
  # This stores the current version of the NdrUi gem. Use semantic versioning http://semver.org
4
4
  module NdrUi
5
- VERSION = '5.0.2'
5
+ VERSION = '5.0.3'
6
6
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: ndr_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 5.0.2
4
+ version: 5.0.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - NDR Development Team
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2025-03-02 00:00:00.000000000 Z
11
+ date: 2025-03-07 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bootstrap