@@ -6947,7 +6947,8 @@ oj-message:not(.oj-complete) {
69476947 color: var(--oj-message-detail-text-color);
69486948 font-size: var(--oj-message-detail-font-size);
69496949 line-height: var(--oj-message-detail-line-height);
6950- word-wrap: break-word; }
6950+ word-wrap: break-word;
6951+ width: 100%; }
69516952
69526953.oj-message-timestamp {
69536954 color: var(--oj-message-time-text-color);
@@ -8950,6 +8951,10 @@ html[dir="rtl"] .oj-tree-list > .oj-tree-node {
89508951 html[dir="rtl"] .oj-tree-title {
89518952 margin-right: 0.250em; }
89528953
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+
89538958/* Active node text */
89548959.oj-hover .oj-tree-title {
89558960 border: 1px dashed var(--oj-tree-node-border-color-hover);
@@ -10311,6 +10316,9 @@ oj-indexer:not(.oj-complete) {
1031110316 font-family: var(--oj-font-family);
1031210317 animation-duration: var(--oj-dvt-animation-duration); }
1031310318
10319+ .oj-dvtbase svg {
10320+ overflow: hidden; }
10321+
1031410322.oj-dvtbase:focus {
1031510323 outline: none; }
1031610324
@@ -11897,18 +11905,49 @@ html[dir="rtl"] .oj-form.oj-formlayout-form-across > .oj-flex {
1189711905.oj-formlayout-labels-inline > .oj-flex {
1189811906 flex-wrap: nowrap; }
1189911907
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) {
1190111909 padding-left: 0px; }
1190211910
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;
1190411922 padding-right: 0px; }
1190511923
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 ) {
1190711925 padding-left: var(--oj-form-layout-label-inline-gutter-padding); }
1190811926
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 ) {
1191011928 padding-right: var(--oj-form-layout-label-inline-gutter-padding); }
1191111929
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+
1191211951oj-form-layout:not(.oj-complete) {
1191311952 visibility: hidden; }
1191411953
@@ -11949,6 +11988,20 @@ oj-text-area:not(.oj-complete) {
1194911988 .oj-textarea-nocomp {
1195011989 -webkit-text-size-adjust: var(--oj-form-control-trigger-font-size-adjust); } }
1195111990
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+
1195212005.oj-inputtext {
1195312006 position: relative; }
1195412007
@@ -12222,6 +12275,10 @@ oj-input-number:not(.oj-complete) {
1222212275 .oj-inputnumber {
1222312276 -webkit-text-size-adjust: var(--oj-form-control-trigger-font-size-adjust); } }
1222412277
12278+ .oj-form-control-full-width.oj-inputnumber,
12279+ .oj-form-control-full-width .oj-inputnumber {
12280+ max-width: 100%; }
12281+
1222512282.oj-inputnumber-wrapper {
1222612283 width: 100%;
1222712284 white-space: nowrap;
@@ -12881,6 +12938,16 @@ oj-calendar:not(.oj-complete) {
1288112938 .oj-inputdatetime-time-only {
1288212939 -webkit-text-size-adjust: var(--oj-form-control-trigger-font-size-adjust); } }
1288312940
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+
1288412951.oj-inputdatetime-inline {
1288512952 /* use a width of 100% and then max and min width so that when
1288612953 there's less room for the form control it can automatically
@@ -13914,6 +13981,10 @@ oj-combobox:not(.oj-complete) {
1391413981 .oj-combobox {
1391513982 -webkit-text-size-adjust: var(--oj-form-control-trigger-font-size-adjust); } }
1391613983
13984+ .oj-form-control-full-width.oj-combobox,
13985+ .oj-form-control-full-width .oj-combobox {
13986+ max-width: 100%; }
13987+
1391713988/* single-select */
1391813989/*
1391913990 * 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) {
1431414385 .oj-select {
1431514386 -webkit-text-size-adjust: var(--oj-form-control-trigger-font-size-adjust); } }
1431614387
14388+ .oj-form-control-full-width.oj-select,
14389+ .oj-form-control-full-width .oj-select {
14390+ max-width: 100%; }
14391+
1431714392/*
1431814393 * Suppress focus ring around the select box
1431914394 */
@@ -14833,6 +14908,10 @@ oj-input-search:not(.oj-complete) {
1483314908 .oj-inputsearch {
1483414909 -webkit-text-size-adjust: var(--oj-form-control-trigger-font-size-adjust); } }
1483514910
14911+ .oj-form-control-full-width.oj-inputsearch,
14912+ .oj-form-control-full-width .oj-inputsearch {
14913+ max-width: 100%; }
14914+
1483614915/*
1483714916 * Applied to the InputSearch box which includes the input field and the search icon
1483814917 */
@@ -15330,6 +15409,10 @@ oj-slider:not(.oj-complete) {
1533015409 min-width: var(--oj-form-control-min-width);
1533115410 width: 100%; }
1533215411
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+
1533315416.oj-slider.oj-slider-horizontal {
1533415417 /* This ensures that the slider bounding box will include
1533515418 the thumb radius - important for form controls. */
0 commit comments