[myfaces-tobago] branch t5_selectMany updated: feat(selectMany): input field styling

[hn...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

hnoeth pushed a commit to branch t5_selectMany
in repository https://gitbox.apache.org/repos/asf/myfaces-tobago.git


The following commit(s) were added to refs/heads/t5_selectMany by this push:
     new 1efffb3c8d feat(selectMany): input field styling
1efffb3c8d is described below

commit 1efffb3c8d6a1dde8669c51b6a6b0073bdc14a29
Author: Henning Noeth <hn...@apache.org>
AuthorDate: Fri Oct 28 10:46:07 2022 +0200

    feat(selectMany): input field styling
    
    * input field has min-width
    * margins updated
    
    Issue: TOBAGO-2159
---
 tobago-theme/src/main/scss/_tobago.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/tobago-theme/src/main/scss/_tobago.scss b/tobago-theme/src/main/scss/_tobago.scss
index 9e8c66d4e6..d885565308 100644
--- a/tobago-theme/src/main/scss/_tobago.scss
+++ b/tobago-theme/src/main/scss/_tobago.scss
@@ -1187,8 +1187,12 @@ tobago-select-many {
       padding: $form-select-padding-y $form-select-indicator-padding $form-select-padding-y $form-select-padding-x;
     }
 
+    .badge + .tobago-filter {
+      margin-left: 0.25rem;
+    }
+
     .badge {
-      margin-right: 0.125rem;
+      margin: 0.125rem;
     }
 
     .tobago-filter {
@@ -1197,6 +1201,7 @@ tobago-select-many {
       border-radius: 0;
       padding: 0;
       flex: 1 0 0;
+      min-width: 8rem;
 
       &:focus {
         margin: 0;