@@ -6947,7 +6947,8 @@ oj-message:not(.oj-complete) {
6947
6947
color: var(--oj-message-detail-text-color);
6948
6948
font-size: var(--oj-message-detail-font-size);
6949
6949
line-height: var(--oj-message-detail-line-height);
6950
- word-wrap: break-word; }
6950
+ word-wrap: break-word;
6951
+ width: 100%; }
6951
6952
6952
6953
.oj-message-timestamp {
6953
6954
color: var(--oj-message-time-text-color);
@@ -8950,6 +8951,10 @@ html[dir="rtl"] .oj-tree-list > .oj-tree-node {
8950
8951
html[dir="rtl"] .oj-tree-title {
8951
8952
margin-right: 0.250em; }
8952
8953
8954
+ /* In high contrast mode the border will show up even when transparent, so remove the border in high contrast mode*/
8955
+ .oj-hicontrast .oj-tree-title {
8956
+ border-width: 0; }
8957
+
8953
8958
/* Active node text */
8954
8959
.oj-hover .oj-tree-title {
8955
8960
border: 1px dashed var(--oj-tree-node-border-color-hover);
@@ -10311,6 +10316,9 @@ oj-indexer:not(.oj-complete) {
10311
10316
font-family: var(--oj-font-family);
10312
10317
animation-duration: var(--oj-dvt-animation-duration); }
10313
10318
10319
+ .oj-dvtbase svg {
10320
+ overflow: hidden; }
10321
+
10314
10322
.oj-dvtbase:focus {
10315
10323
outline: none; }
10316
10324
@@ -11897,18 +11905,49 @@ html[dir="rtl"] .oj-form.oj-formlayout-form-across > .oj-flex {
11897
11905
.oj-formlayout-labels-inline > .oj-flex {
11898
11906
flex-wrap: nowrap; }
11899
11907
11900
- html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no- label-flex-item.oj-flex-item:nth-child(odd) {
11908
+ html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-formlayout-label-comp -flex-item.oj-flex-item:nth-child(odd) {
11901
11909
padding-left: 0px; }
11902
11910
11903
- html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item.oj-flex-item:nth-child(odd) {
11911
+ html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-formlayout-label-comp-flex-item.oj-flex-item:nth-child(odd) {
11912
+ padding-right: 0px; }
11913
+
11914
+ html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-formlayout-label-comp-flex-item.oj-flex-item {
11915
+ padding-left: var(--oj-form-layout-label-inline-gutter-padding); }
11916
+
11917
+ html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-formlayout-label-comp-flex-item.oj-flex-item {
11918
+ padding-right: var(--oj-form-layout-label-inline-gutter-padding); }
11919
+
11920
+ .oj-form-layout > .oj-form.oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item.oj-flex-item {
11921
+ padding-left: 0px;
11904
11922
padding-right: 0px; }
11905
11923
11906
- html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item.oj-flex- item:nth-child(even ) {
11924
+ html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item > .oj-label-value > .oj- flex > .oj-flex- item:nth-child(odd ) {
11907
11925
padding-left: var(--oj-form-layout-label-inline-gutter-padding); }
11908
11926
11909
- html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item.oj-flex- item:nth-child(even ) {
11927
+ html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item > .oj-label-value > .oj- flex > .oj-flex- item:nth-child(odd ) {
11910
11928
padding-right: var(--oj-form-layout-label-inline-gutter-padding); }
11911
11929
11930
+ html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item > .oj-label-value > .oj-flex > .oj-flex-item:nth-child(even) {
11931
+ padding-right: var(--oj-form-layout-label-inline-gutter-padding); }
11932
+
11933
+ html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item > .oj-label-value > .oj-flex > .oj-flex-item:nth-child(even) {
11934
+ padding-left: var(--oj-form-layout-label-inline-gutter-padding); }
11935
+
11936
+ html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item > .oj-label-value:not(.oj-formlayout-labels-inline) > .oj-flex > .oj-flex-item:nth-child(odd) {
11937
+ padding-right: var(--oj-form-layout-label-inline-gutter-padding); }
11938
+
11939
+ html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item > .oj-label-value:not(.oj-formlayout-labels-inline) > .oj-flex > .oj-flex-item:nth-child(odd) {
11940
+ padding-left: var(--oj-form-layout-label-inline-gutter-padding); }
11941
+
11942
+ html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item > .oj-label-value:not(.oj-formlayout-labels-inline) > .oj-flex > .oj-flex-item:nth-child(even) {
11943
+ padding-left: var(--oj-form-layout-label-inline-gutter-padding); }
11944
+
11945
+ html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item > .oj-label-value:not(.oj-formlayout-labels-inline) > .oj-flex > .oj-flex-item:nth-child(even) {
11946
+ padding-right: var(--oj-form-layout-label-inline-gutter-padding); }
11947
+
11948
+ .oj-label-value.oj-form > .oj-flex {
11949
+ padding-top: 0; }
11950
+
11912
11951
oj-form-layout:not(.oj-complete) {
11913
11952
visibility: hidden; }
11914
11953
@@ -11949,6 +11988,20 @@ oj-text-area:not(.oj-complete) {
11949
11988
.oj-textarea-nocomp {
11950
11989
-webkit-text-size-adjust: var(--oj-form-control-trigger-font-size-adjust); } }
11951
11990
11991
+ .oj-form-control-full-width.oj-inputtext,
11992
+ .oj-form-control-full-width.oj-inputpassword,
11993
+ .oj-form-control-full-width.oj-textarea,
11994
+ .oj-form-control-full-width.oj-inputtext-nocomp,
11995
+ .oj-form-control-full-width.oj-inputpassword-nocomp,
11996
+ .oj-form-control-full-width.oj-textarea-nocomp,
11997
+ .oj-form-control-full-width .oj-inputtext,
11998
+ .oj-form-control-full-width .oj-inputpassword,
11999
+ .oj-form-control-full-width .oj-textarea,
12000
+ .oj-form-control-full-width .oj-inputtext-nocomp,
12001
+ .oj-form-control-full-width .oj-inputpassword-nocomp,
12002
+ .oj-form-control-full-width .oj-textarea-nocomp {
12003
+ max-width: 100%; }
12004
+
11952
12005
.oj-inputtext {
11953
12006
position: relative; }
11954
12007
@@ -12222,6 +12275,10 @@ oj-input-number:not(.oj-complete) {
12222
12275
.oj-inputnumber {
12223
12276
-webkit-text-size-adjust: var(--oj-form-control-trigger-font-size-adjust); } }
12224
12277
12278
+ .oj-form-control-full-width.oj-inputnumber,
12279
+ .oj-form-control-full-width .oj-inputnumber {
12280
+ max-width: 100%; }
12281
+
12225
12282
.oj-inputnumber-wrapper {
12226
12283
width: 100%;
12227
12284
white-space: nowrap;
@@ -12881,6 +12938,16 @@ oj-calendar:not(.oj-complete) {
12881
12938
.oj-inputdatetime-time-only {
12882
12939
-webkit-text-size-adjust: var(--oj-form-control-trigger-font-size-adjust); } }
12883
12940
12941
+ .oj-form-control-full-width.oj-inputdatetime,
12942
+ .oj-form-control-full-width.oj-inputdatetime-date-time,
12943
+ .oj-form-control-full-width.oj-inputdatetime-date-only,
12944
+ .oj-form-control-full-width.oj-inputdatetime-time-only,
12945
+ .oj-form-control-full-width .oj-inputdatetime,
12946
+ .oj-form-control-full-width .oj-inputdatetime-date-time,
12947
+ .oj-form-control-full-width .oj-inputdatetime-date-only,
12948
+ .oj-form-control-full-width .oj-inputdatetime-time-only {
12949
+ max-width: 100%; }
12950
+
12884
12951
.oj-inputdatetime-inline {
12885
12952
/* use a width of 100% and then max and min width so that when
12886
12953
there's less room for the form control it can automatically
@@ -13914,6 +13981,10 @@ oj-combobox:not(.oj-complete) {
13914
13981
.oj-combobox {
13915
13982
-webkit-text-size-adjust: var(--oj-form-control-trigger-font-size-adjust); } }
13916
13983
13984
+ .oj-form-control-full-width.oj-combobox,
13985
+ .oj-form-control-full-width .oj-combobox {
13986
+ max-width: 100%; }
13987
+
13917
13988
/* single-select */
13918
13989
/*
13919
13990
* Applied to the single-select box which includes the input field and the dropdown open icon
@@ -14314,6 +14385,10 @@ oj-select:not(.oj-complete) {
14314
14385
.oj-select {
14315
14386
-webkit-text-size-adjust: var(--oj-form-control-trigger-font-size-adjust); } }
14316
14387
14388
+ .oj-form-control-full-width.oj-select,
14389
+ .oj-form-control-full-width .oj-select {
14390
+ max-width: 100%; }
14391
+
14317
14392
/*
14318
14393
* Suppress focus ring around the select box
14319
14394
*/
@@ -14833,6 +14908,10 @@ oj-input-search:not(.oj-complete) {
14833
14908
.oj-inputsearch {
14834
14909
-webkit-text-size-adjust: var(--oj-form-control-trigger-font-size-adjust); } }
14835
14910
14911
+ .oj-form-control-full-width.oj-inputsearch,
14912
+ .oj-form-control-full-width .oj-inputsearch {
14913
+ max-width: 100%; }
14914
+
14836
14915
/*
14837
14916
* Applied to the InputSearch box which includes the input field and the search icon
14838
14917
*/
@@ -15330,6 +15409,10 @@ oj-slider:not(.oj-complete) {
15330
15409
min-width: var(--oj-form-control-min-width);
15331
15410
width: 100%; }
15332
15411
15412
+ .oj-form-control-full-width.oj-slider.oj-slider-horizontal,
15413
+ .oj-form-control-full-width .oj-slider.oj-slider-horizontal {
15414
+ max-width: 100%; }
15415
+
15333
15416
.oj-slider.oj-slider-horizontal {
15334
15417
/* This ensures that the slider bounding box will include
15335
15418
the thumb radius - important for form controls. */
0 commit comments