@@ -7231,7 +7231,8 @@ oj-messages:not(.oj-messages-inline) .oj-messages-container {
7231
7231
margin-bottom: 8px; }
7232
7232
7233
7233
@media screen and (max-width: 767px) {
7234
- .oj-messages-container:not(.oj-messages-inline) {
7234
+ .oj-messages-general,
7235
+ .oj-messages-notification {
7235
7236
width: calc(100% - 20px);
7236
7237
max-width: initial;
7237
7238
min-width: initial; } }
@@ -10550,6 +10551,20 @@ oj-diagram {
10550
10551
.oj-diagram-link.oj-invalid-drop {
10551
10552
cursor: no-drop; }
10552
10553
10554
+ .oj-diagram-overview {
10555
+ background-color: #e5e6e6; }
10556
+
10557
+ .oj-diagram-overview-viewport {
10558
+ background-color: #ffffff;
10559
+ border-color: #4b4d4e; }
10560
+
10561
+ .oj-diagram-overview-node {
10562
+ fill: #4b4d4e; }
10563
+
10564
+ .oj-diagram-overview-container-node {
10565
+ fill: #4b4d4e;
10566
+ fill-opacity: .25; }
10567
+
10553
10568
oj-gantt:not(.oj-complete) {
10554
10569
visibility: hidden; }
10555
10570
@@ -11798,10 +11813,10 @@ html[dir="rtl"] .oj-formlayout-labels-inline > .oj-flex > .oj-flex-item:nth-chil
11798
11813
.oj-label-nocomp:not(.oj-label-for-non-control) {
11799
11814
line-height: 1.6em; }
11800
11815
11801
- html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-flex-item:nth-child(2n+3 ) {
11816
+ html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-flex-item:nth-child(odd ) {
11802
11817
padding-left: 1rem; }
11803
11818
11804
- html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-flex-item:nth-child(2n+3 ) {
11819
+ html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-flex-item:nth-child(odd ) {
11805
11820
padding-right: 1rem; }
11806
11821
11807
11822
html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
@@ -11810,10 +11825,38 @@ html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-flex-item:nth-
11810
11825
html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
11811
11826
padding-left: 1rem; }
11812
11827
11828
+ .oj-form.oj-formlayout-form-across > .oj-flex {
11829
+ padding-left: 0;
11830
+ padding-right: 0; }
11831
+
11832
+ html:not([dir="rtl"]) .oj-form.oj-formlayout-form-across {
11833
+ padding-left: 0; }
11834
+
11835
+ html[dir="rtl"] .oj-form.oj-formlayout-form-across {
11836
+ padding-right: 0; }
11837
+
11838
+ html:not([dir="rtl"]) .oj-form.oj-formlayout-form-across > .oj-flex {
11839
+ padding-right: 0; }
11840
+
11841
+ html[dir="rtl"] .oj-form.oj-formlayout-form-across > .oj-flex {
11842
+ padding-left: 0; }
11843
+
11813
11844
.oj-formlayout-labels-inline > .oj-flex {
11814
11845
-webkit-flex-wrap: nowrap;
11815
11846
flex-wrap: nowrap; }
11816
11847
11848
+ html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item.oj-flex-item:nth-child(odd) {
11849
+ padding-left: 0px; }
11850
+
11851
+ html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item.oj-flex-item:nth-child(odd) {
11852
+ padding-right: 0px; }
11853
+
11854
+ html:not([dir="rtl"]) .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item.oj-flex-item:nth-child(even) {
11855
+ padding-left: 1rem; }
11856
+
11857
+ html[dir="rtl"] .oj-formlayout-form-across > .oj-flex > .oj-formlayout-no-label-flex-item.oj-flex-item:nth-child(even) {
11858
+ padding-right: 1rem; }
11859
+
11817
11860
oj-form-layout:not(.oj-complete) {
11818
11861
visibility: hidden; }
11819
11862
@@ -11946,9 +11989,20 @@ html[dir="rtl"] .oj-inputtext.oj-inputtext-clearicon-visible .oj-inputtext-input
11946
11989
opacity: 1; }
11947
11990
11948
11991
/* Styling for text-align */
11949
- .oj-form-control-text-align-right .oj-inputtext-input {
11992
+ .oj-form-control-text-align-right .oj-inputtext-input,
11993
+ .oj-form-control-text-align-right .oj-inputpassword-input,
11994
+ .oj-form-control-text-align-right .oj-textarea-input {
11950
11995
text-align: right; }
11951
11996
11997
+ .oj-form-control-text-align-start .oj-inputtext-input,
11998
+ .oj-form-control-text-align-start .oj-inputpassword-input,
11999
+ .oj-form-control-text-align-start .oj-textarea-input {
12000
+ text-align: left; }
12001
+ html[dir="rtl"] .oj-form-control-text-align-start .oj-inputtext-input, html[dir="rtl"]
12002
+ .oj-form-control-text-align-start .oj-inputpassword-input, html[dir="rtl"]
12003
+ .oj-form-control-text-align-start .oj-textarea-input {
12004
+ text-align: right; }
12005
+
11952
12006
.oj-inputtext-input[size],
11953
12007
.oj-inputpassword-input[size],
11954
12008
.oj-textarea-input[size] {
@@ -12201,6 +12255,11 @@ html[dir="rtl"] .oj-inputnumber-input {
12201
12255
.oj-form-control-text-align-right .oj-inputnumber-input {
12202
12256
text-align: right; }
12203
12257
12258
+ .oj-form-control-text-align-start .oj-inputnumber-input {
12259
+ text-align: left; }
12260
+ html[dir="rtl"] .oj-form-control-text-align-start .oj-inputnumber-input {
12261
+ text-align: right; }
12262
+
12204
12263
.oj-form-control-inherit .oj-inputnumber-input {
12205
12264
color: inherit;
12206
12265
height: 100%;
@@ -12727,6 +12786,12 @@ html[dir="rtl"] .oj-inputdatetime.oj-invalid .oj-inputdatetime-input-trigger, ht
12727
12786
border-color: #b1b3b4;
12728
12787
opacity: 0.5; }
12729
12788
12789
+ /* Styling for text-align */
12790
+ .oj-form-control-text-align-start .oj-inputdatetime-input {
12791
+ text-align: left; }
12792
+ html[dir="rtl"] .oj-form-control-text-align-start .oj-inputdatetime-input {
12793
+ text-align: right; }
12794
+
12730
12795
.oj-inputdatetime.oj-disabled .oj-inputdatetime-input-trigger {
12731
12796
background-color: transparent;
12732
12797
border-color: #b1b3b4;
@@ -13623,6 +13688,17 @@ oj-combobox:not(.oj-complete) {
13623
13688
color: rgba(0, 0, 0, 0.6);
13624
13689
opacity: 1; }
13625
13690
13691
+ /* Styling for text-align */
13692
+ .oj-form-control-text-align-start .oj-combobox-input {
13693
+ text-align: left; }
13694
+ html[dir="rtl"] .oj-form-control-text-align-start .oj-combobox-input {
13695
+ text-align: right; }
13696
+
13697
+ .oj-form-control-text-align-start .oj-combobox-choices li {
13698
+ float: left; }
13699
+ html[dir="rtl"] .oj-form-control-text-align-start .oj-combobox-choices li {
13700
+ float: right; }
13701
+
13626
13702
/*
13627
13703
* Applied to the single-select drop down arrow
13628
13704
*/
@@ -13648,6 +13724,10 @@ oj-combobox:not(.oj-complete) {
13648
13724
border-left: solid 0 0 1px #b1b3b4;
13649
13725
height: 80%;
13650
13726
vertical-align: middle; }
13727
+ html:not([dir="rtl"]) .oj-combobox-divider {
13728
+ margin-left: 0; }
13729
+ html[dir="rtl"] .oj-combobox-divider {
13730
+ margin-right: 0; }
13651
13731
13652
13732
/* multi-select */
13653
13733
/*
@@ -13664,13 +13744,14 @@ oj-combobox:not(.oj-complete) {
13664
13744
border-radius: 0;
13665
13745
-webkit-appearance: none;
13666
13746
-webkit-tap-highlight-color: transparent;
13747
+ min-height: 2rem;
13748
+ padding: 0 0 5px;
13667
13749
height: auto;
13668
13750
min-height: 2rem;
13669
13751
margin: 0;
13670
13752
position: relative;
13671
13753
cursor: text;
13672
- overflow: hidden;
13673
- padding-bottom: 5px; }
13754
+ overflow: hidden; }
13674
13755
html[dir="rtl"] .oj-combobox-choices {
13675
13756
text-align: right; }
13676
13757
.oj-combobox-choices::-webkit-input-placeholder {
@@ -13682,10 +13763,6 @@ oj-combobox:not(.oj-complete) {
13682
13763
.oj-combobox-choices:-ms-input-placeholder {
13683
13764
color: rgba(0, 0, 0, 0.6);
13684
13765
opacity: 1; }
13685
- html:not([dir="rtl"]) .oj-combobox-choices {
13686
- padding-left: 0; }
13687
- html[dir="rtl"] .oj-combobox-choices {
13688
- padding-right: 0; }
13689
13766
13690
13767
/*
13691
13768
* Applied to the multi-select box list items which include the search field and the selected choices
@@ -13922,6 +13999,27 @@ oj-select:not(.oj-complete) {
13922
13999
padding-left: 0;
13923
14000
padding-right: 0; }
13924
14001
14002
+ /* Styling for text-align */
14003
+ .oj-form-control-text-align-start .oj-select-choice {
14004
+ text-align: left; }
14005
+ html[dir="rtl"] .oj-form-control-text-align-start .oj-select-choice {
14006
+ text-align: right; }
14007
+
14008
+ /* Styling for native render mode text-align */
14009
+ .oj-form-control-text-align-start .oj-select-select {
14010
+ text-align: left; }
14011
+ html[dir="rtl"] .oj-form-control-text-align-start .oj-select-select {
14012
+ text-align: right; }
14013
+ html:not([dir="rtl"]) .oj-form-control-text-align-start .oj-select-select {
14014
+ direction: ltr; }
14015
+ html[dir="rtl"] .oj-form-control-text-align-start .oj-select-select {
14016
+ direction: rtl; }
14017
+
14018
+ .oj-form-control-text-align-start .oj-select-choices li {
14019
+ float: left; }
14020
+ html[dir="rtl"] .oj-form-control-text-align-start .oj-select-choices li {
14021
+ float: right; }
14022
+
13925
14023
/* multi-select */
13926
14024
/*
13927
14025
* Applied to the multi-select box which includes the input field and the selected choices
@@ -18115,14 +18213,25 @@ html[dir="rtl"] .oj-flex-bar-end {
18115
18213
.oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) >
18116
18214
.oj-label-nocomp:not(.oj-label-for-non-control) {
18117
18215
line-height: 1.6em; }
18118
- html:not([dir="rtl"]) .oj-sm-form-across > .oj-flex > .oj-flex-item:nth-child(2n+3 ) {
18216
+ html:not([dir="rtl"]) .oj-sm-form-across > .oj-flex > .oj-flex-item:nth-child(odd ) {
18119
18217
padding-left: 1rem; }
18120
- html[dir="rtl"] .oj-sm-form-across > .oj-flex > .oj-flex-item:nth-child(2n+3 ) {
18218
+ html[dir="rtl"] .oj-sm-form-across > .oj-flex > .oj-flex-item:nth-child(odd ) {
18121
18219
padding-right: 1rem; }
18122
18220
html:not([dir="rtl"]) .oj-sm-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
18123
18221
padding-right: 1rem; }
18124
18222
html[dir="rtl"] .oj-sm-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
18125
18223
padding-left: 1rem; }
18224
+ .oj-form.oj-sm-form-across > .oj-flex {
18225
+ padding-left: 0;
18226
+ padding-right: 0; }
18227
+ html:not([dir="rtl"]) .oj-form.oj-sm-form-across {
18228
+ padding-left: 0; }
18229
+ html[dir="rtl"] .oj-form.oj-sm-form-across {
18230
+ padding-right: 0; }
18231
+ html:not([dir="rtl"]) .oj-form.oj-sm-form-across > .oj-flex {
18232
+ padding-right: 0; }
18233
+ html[dir="rtl"] .oj-form.oj-sm-form-across > .oj-flex {
18234
+ padding-left: 0; }
18126
18235
html:not([dir="rtl"]) .oj-form-layout:not(.oj-sm-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
18127
18236
margin-left: 1rem; }
18128
18237
html[dir="rtl"] .oj-form-layout:not(.oj-sm-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
@@ -18237,14 +18346,25 @@ html[dir="rtl"] .oj-flex-bar-end {
18237
18346
.oj-md-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) >
18238
18347
.oj-label-nocomp:not(.oj-label-for-non-control) {
18239
18348
line-height: 1.6em; }
18240
- html:not([dir="rtl"]) .oj-md-form-across > .oj-flex > .oj-flex-item:nth-child(2n+3 ) {
18349
+ html:not([dir="rtl"]) .oj-md-form-across > .oj-flex > .oj-flex-item:nth-child(odd ) {
18241
18350
padding-left: 1rem; }
18242
- html[dir="rtl"] .oj-md-form-across > .oj-flex > .oj-flex-item:nth-child(2n+3 ) {
18351
+ html[dir="rtl"] .oj-md-form-across > .oj-flex > .oj-flex-item:nth-child(odd ) {
18243
18352
padding-right: 1rem; }
18244
18353
html:not([dir="rtl"]) .oj-md-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
18245
18354
padding-right: 1rem; }
18246
18355
html[dir="rtl"] .oj-md-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
18247
18356
padding-left: 1rem; }
18357
+ .oj-form.oj-md-form-across > .oj-flex {
18358
+ padding-left: 0;
18359
+ padding-right: 0; }
18360
+ html:not([dir="rtl"]) .oj-form.oj-md-form-across {
18361
+ padding-left: 0; }
18362
+ html[dir="rtl"] .oj-form.oj-md-form-across {
18363
+ padding-right: 0; }
18364
+ html:not([dir="rtl"]) .oj-form.oj-md-form-across > .oj-flex {
18365
+ padding-right: 0; }
18366
+ html[dir="rtl"] .oj-form.oj-md-form-across > .oj-flex {
18367
+ padding-left: 0; }
18248
18368
html:not([dir="rtl"]) .oj-form-layout:not(.oj-md-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
18249
18369
margin-left: 1rem; }
18250
18370
html[dir="rtl"] .oj-form-layout:not(.oj-md-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
@@ -18359,14 +18479,25 @@ html[dir="rtl"] .oj-flex-bar-end {
18359
18479
.oj-lg-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) >
18360
18480
.oj-label-nocomp:not(.oj-label-for-non-control) {
18361
18481
line-height: 1.6em; }
18362
- html:not([dir="rtl"]) .oj-lg-form-across > .oj-flex > .oj-flex-item:nth-child(2n+3 ) {
18482
+ html:not([dir="rtl"]) .oj-lg-form-across > .oj-flex > .oj-flex-item:nth-child(odd ) {
18363
18483
padding-left: 1rem; }
18364
- html[dir="rtl"] .oj-lg-form-across > .oj-flex > .oj-flex-item:nth-child(2n+3 ) {
18484
+ html[dir="rtl"] .oj-lg-form-across > .oj-flex > .oj-flex-item:nth-child(odd ) {
18365
18485
padding-right: 1rem; }
18366
18486
html:not([dir="rtl"]) .oj-lg-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
18367
18487
padding-right: 1rem; }
18368
18488
html[dir="rtl"] .oj-lg-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
18369
18489
padding-left: 1rem; }
18490
+ .oj-form.oj-lg-form-across > .oj-flex {
18491
+ padding-left: 0;
18492
+ padding-right: 0; }
18493
+ html:not([dir="rtl"]) .oj-form.oj-lg-form-across {
18494
+ padding-left: 0; }
18495
+ html[dir="rtl"] .oj-form.oj-lg-form-across {
18496
+ padding-right: 0; }
18497
+ html:not([dir="rtl"]) .oj-form.oj-lg-form-across > .oj-flex {
18498
+ padding-right: 0; }
18499
+ html[dir="rtl"] .oj-form.oj-lg-form-across > .oj-flex {
18500
+ padding-left: 0; }
18370
18501
html:not([dir="rtl"]) .oj-form-layout:not(.oj-lg-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
18371
18502
margin-left: 1rem; }
18372
18503
html[dir="rtl"] .oj-form-layout:not(.oj-lg-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
@@ -18481,14 +18612,25 @@ html[dir="rtl"] .oj-flex-bar-end {
18481
18612
.oj-xl-labels-inline > .oj-flex > .oj-flex-item:nth-child(odd) >
18482
18613
.oj-label-nocomp:not(.oj-label-for-non-control) {
18483
18614
line-height: 1.6em; }
18484
- html:not([dir="rtl"]) .oj-xl-form-across > .oj-flex > .oj-flex-item:nth-child(2n+3 ) {
18615
+ html:not([dir="rtl"]) .oj-xl-form-across > .oj-flex > .oj-flex-item:nth-child(odd ) {
18485
18616
padding-left: 1rem; }
18486
- html[dir="rtl"] .oj-xl-form-across > .oj-flex > .oj-flex-item:nth-child(2n+3 ) {
18617
+ html[dir="rtl"] .oj-xl-form-across > .oj-flex > .oj-flex-item:nth-child(odd ) {
18487
18618
padding-right: 1rem; }
18488
18619
html:not([dir="rtl"]) .oj-xl-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
18489
18620
padding-right: 1rem; }
18490
18621
html[dir="rtl"] .oj-xl-form-across > .oj-flex > .oj-flex-item:nth-child(even) {
18491
18622
padding-left: 1rem; }
18623
+ .oj-form.oj-xl-form-across > .oj-flex {
18624
+ padding-left: 0;
18625
+ padding-right: 0; }
18626
+ html:not([dir="rtl"]) .oj-form.oj-xl-form-across {
18627
+ padding-left: 0; }
18628
+ html[dir="rtl"] .oj-form.oj-xl-form-across {
18629
+ padding-right: 0; }
18630
+ html:not([dir="rtl"]) .oj-form.oj-xl-form-across > .oj-flex {
18631
+ padding-right: 0; }
18632
+ html[dir="rtl"] .oj-form.oj-xl-form-across > .oj-flex {
18633
+ padding-left: 0; }
18492
18634
html:not([dir="rtl"]) .oj-form-layout:not(.oj-xl-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
18493
18635
margin-left: 1rem; }
18494
18636
html[dir="rtl"] .oj-form-layout:not(.oj-xl-only-flex-direction-column) > .oj-flex-item:not(:first-child) {
0 commit comments