chore: improve css/sass styling in some demos

ghiscoding · Dec 2, 2022 · a9dd036 · a9dd036
1 parent 58af5f4
commit a9dd036
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/src/examples/slickgrid/editor-select.html b/src/examples/slickgrid/editor-select.html
@@ -1,6 +1,6 @@
 <template>
   <span if.bind="collection">
-    <select class="form-control" value.bind="selectedItem" matcher.bind="itemMatcher">
+    <select class="form-control form-select" value.bind="selectedItem" matcher.bind="itemMatcher">
       <option repeat.for="item of collection" model.bind="item">
         ${item.name}
       </option>

diff --git a/src/examples/slickgrid/filter-select.html b/src/examples/slickgrid/filter-select.html
@@ -1,6 +1,6 @@
 <template>
   <span if.bind="collection">
-    <select class="form-control" value.bind="selectedItem" matcher.bind="itemMatcher">
+    <select class="form-control form-select" value.bind="selectedItem" matcher.bind="itemMatcher">
       <option repeat.for="item of collection" model.bind="item">
         ${item.name}
       </option>

diff --git a/src/slickgrid.scss b/src/slickgrid.scss
diff --git a/src/styles.scss b/src/styles.scss
@@ -1,3 +1,5 @@
+$slick-input-focus-box-shadow: 0 0 0 0.25rem #0d6efd40;
+
 /* make sure to add the @import the SlickGrid Bootstrap Theme AFTER the variables changes */
 @import '@slickgrid-universal/common/dist/styles/sass/slickgrid-theme-bootstrap.scss';