@visns-studio/visns-components 6.24.3 → 6.24.4

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.
package/package.json CHANGED
@@ -93,7 +93,7 @@
93
93
  "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
94
94
  },
95
95
  "name": "@visns-studio/visns-components",
96
- "version": "6.24.3",
96
+ "version": "6.24.4",
97
97
  "description": "Various packages to assist in the development of our Custom Applications.",
98
98
  "main": "src/index.js",
99
99
  "files": [
@@ -765,6 +765,63 @@ body.tablet-mode .InovuaReactDataGrid__cell.cell-word-wrap > div {
765
765
  border-radius: 6px !important;
766
766
  background: var(--dgx-surface) !important;
767
767
  box-shadow: none !important;
768
+ /* The vendored theme's padding-top: 2px — inside a hard 28px box it just
769
+ pushed the text off-centre. */
770
+ padding-top: 0 !important;
771
+ }
772
+
773
+ /* A narrow column must TRUNCATE the text, not run it into the arrow.
774
+
775
+ The vendored theme declares the placeholder `white-space: nowrap` and gives
776
+ neither it nor the flex boxes above it any way to shrink: `__value` is
777
+ allowed to wrap (useless inside a hard 28px height — the second line is
778
+ just clipped) and the input wrapper keeps its content-size width. So in a
779
+ column narrower than the text, "ALL OPTIONS" kept its full width and the
780
+ toggle arrow was painted on top of its tail.
781
+
782
+ `min-width: 0` at each flex level is what lets the text box actually give
783
+ up width; the ellipsis then says so honestly. The arrow is pinned
784
+ unshrinkable on the other side — a dropdown with no visible handle stops
785
+ looking like a dropdown.
786
+
787
+ The vendored 27px min-heights on `__value`/`__tools` also go: inside the
788
+ 26px content box of the bordered 28px field they forced a 1px overflow that
789
+ read as the text sitting low. */
790
+ .InovuaReactDataGrid__column-header__filter.inovua-react-toolkit-combo-box
791
+ .inovua-react-toolkit-combo-box__value {
792
+ flex-wrap: nowrap !important;
793
+ min-width: 0 !important;
794
+ min-height: 0 !important;
795
+ height: 100% !important;
796
+ overflow: hidden !important;
797
+ }
798
+
799
+ .InovuaReactDataGrid__column-header__filter.inovua-react-toolkit-combo-box
800
+ .inovua-react-toolkit-combo-box__input__wrapper {
801
+ min-width: 0 !important;
802
+ overflow: hidden !important;
803
+ margin-bottom: 0 !important;
804
+ /* The vendored --ltr theme rule pads THIS wrapper 8px left as well as the
805
+ display value — stacked on the spans' own inset that made 16px. The
806
+ spans carry the one true inset; the wrapper carries none. */
807
+ padding: 0 !important;
808
+ }
809
+
810
+ .InovuaReactDataGrid__column-header__filter.inovua-react-toolkit-combo-box
811
+ .inovua-react-toolkit-combo-box__input__placeholder,
812
+ .InovuaReactDataGrid__column-header__filter.inovua-react-toolkit-combo-box
813
+ .inovua-react-toolkit-combo-box__value__display-value {
814
+ overflow: hidden !important;
815
+ text-overflow: ellipsis !important;
816
+ white-space: nowrap !important;
817
+ }
818
+
819
+ .InovuaReactDataGrid__column-header__filter.inovua-react-toolkit-combo-box
820
+ .inovua-react-toolkit-combo-box__tools {
821
+ flex: 0 0 auto !important;
822
+ min-height: 0 !important;
823
+ margin: 0 !important;
824
+ align-items: center !important;
768
825
  }
769
826
 
770
827
  .InovuaReactDataGrid__column-header__filter.inovua-react-toolkit-combo-box