592
592
.bootstrap5\. 3 # search-input-wrapper .sb-reset-icon : before , .bootstrap5\. 3- dark # search-input-wrapper .sb-reset-icon : before ,
593
593
.fluent # search-input-wrapper .sb-reset-icon : before , .fluent-dark # search-input-wrapper .sb-reset-icon : before ,
594
594
.tailwind # search-input-wrapper .sb-reset-icon : before , .tailwind-dark # search-input-wrapper .sb-reset-icon : before ,
595
+ .tailwind3 # search-input-wrapper .sb-reset-icon : before , .tailwind3-dark # search-input-wrapper .sb-reset-icon : before ,
595
596
.material3 # search-input-wrapper .sb-reset-icon : before ,
596
597
.fluent2 # search-input-wrapper .sb-reset-icon : before , .fluent2-dark # search-input-wrapper .sb-reset-icon : before {
597
598
content : '\e7e7' ;
609
610
.tailwind-dark .sb-reset-icon , .fluent-dark .sb-reset-icon , .highcontrast .sb-reset-icon ,
610
611
.material3-dark .sb-reset-icon , .fluent-dark .sb-reset-icon , .highcontrast .sb-reset-icon ,
611
612
.fluent2-dark .sb-reset-icon , .fluent-dark .sb-reset-icon , .highcontrast .sb-reset-icon ,
612
- .bootstrap5\. 3- dark .sb-reset-icon , .fluent-dark .sb-reset-icon , .highcontrast .sb-reset-icon {
613
+ .bootstrap5\. 3- dark .sb-reset-icon , .fluent-dark .sb-reset-icon , .highcontrast .sb-reset-icon ,
614
+ .tailwind3-dark .sb-reset-icon {
613
615
color : # fff ;
614
616
}
615
617
.toggle-active {
997
999
}
998
1000
.bootstrap5 .copycode ::before , .bootstrap5-dark .copycode ::before ,
999
1001
.bootstrap5\. 3 .copycode ::before , .bootstrap5\. 3- dark .copycode ::before ,
1000
- .fluent .copycode ::before , .fluent-dark .copycode ::before {
1002
+ .fluent .copycode ::before , .fluent-dark .copycode ::before ,
1003
+ .fluent2 .copycode ::before {
1001
1004
content : '\e77c' ;
1002
1005
}
1003
1006
.bootstrap4 .copycode ::before {
1013
1016
width : 32px ;
1014
1017
position : absolute;
1015
1018
cursor : pointer;
1016
- right : 12 px ;
1019
+ right : 25 px ;
1017
1020
top : 12px ;
1018
1021
background : # D8D8D8 ;
1019
1022
border-radius : 2px ;
@@ -2639,6 +2642,9 @@ a.sb-ad-link, a.sb-ad-link:hover, a.sb-ad-link:active {
2639
2642
.sb-mobilefooter > .e-btn .e-disabled : hover {
2640
2643
color : # 5a5a5a ;
2641
2644
}
2645
+ .sb-mobilefooter > .e-btn .e-flat .e-disabled {
2646
+ opacity : .35 ;
2647
+ }
2642
2648
.sb-mobilefooter {
2643
2649
top : 91% ;
2644
2650
background-color : # e6e4e4 ;
@@ -3820,7 +3826,7 @@ body.tailwind-dark,
3820
3826
border-right : none;
3821
3827
}
3822
3828
3823
- .material3 .sb-switch-popup # switch-sb li : hover , .bootstrap5\. 3 .sb-switch-popup # switch-sb li : hover , .fluent .sb-switch-popup # switch-sb li : hover , .fluent2 .sb-switch-popup # switch-sb li : hover , .tailwind .sb-switch-popup # switch-sb li : hover {
3829
+ .material3 .sb-switch-popup # switch-sb li : hover , .bootstrap5\. 3 .sb-switch-popup # switch-sb li : hover , .fluent .sb-switch-popup # switch-sb li : hover , .fluent2 .sb-switch-popup # switch-sb li : hover , .tailwind .sb-switch-popup # switch-sb li : hover , . tailwind3 . sb-switch-popup # switch-sb li : hover {
3824
3830
background : rgb (238 , 238 , 238 ) !important ;
3825
3831
}
3826
3832
@@ -4640,6 +4646,7 @@ body.material3-dark,
4640
4646
4641
4647
.fluent2-highcontrast .sb-left-pane .e-treeview .e-list-item .e-hover > .e-fullrow {
4642
4648
background-color : # 1aebff ;
4649
+ border-color : # 44424a ;
4643
4650
}
4644
4651
4645
4652
.fluent2-highcontrast .sb-left-pane {
@@ -4844,9 +4851,60 @@ body.fluent2-highcontrast,
4844
4851
top : 9px ;
4845
4852
line-height : 8px ;
4846
4853
}
4847
- .fluent2-highcontrast .e-samplestatus .update .tree {
4854
+ .fluent2-highcontrast .e-samplestatus .update .tree ,
4855
+ .fluent2-highcontrast .e-samplestatus .preview .tree ,
4856
+ .fluent2-highcontrast .e-samplestatus .new .tree ,
4857
+ .fluent2-highcontrast .e-samplestatus .preview ,
4858
+ .fluent2-highcontrast .e-samplestatus .new ,
4859
+ .fluent2-highcontrast .e-samplestatus .update {
4860
+ top : 6px ;
4861
+ }
4862
+ .e-bigger .fluent2-highcontrast .e-samplestatus .update .tree ,
4863
+ .e-bigger .fluent2-highcontrast .e-samplestatus .preview .tree ,
4864
+ .e-bigger .fluent2-highcontrast .e-samplestatus .new .tree {
4865
+ top : 7px ;
4866
+ }
4867
+ .e-bigger .fluent2-highcontrast .e-samplestatus .update ,
4868
+ .e-bigger .fluent2-highcontrast .e-samplestatus .preview ,
4869
+ .e-bigger .fluent2-highcontrast .e-samplestatus .new {
4848
4870
top : 9px ;
4849
4871
}
4872
+ .material3 .e-samplestatus .update .tree ,
4873
+ .material3 .e-samplestatus .preview .tree ,
4874
+ .material3 .e-samplestatus .new .tree {
4875
+ line-height : 8px !important ;
4876
+ }
4877
+ .fluent2-dark .e-samplestatus .preview .tree ,
4878
+ .fluent2-dark .e-samplestatus .update .tree ,
4879
+ .fluent2-dark .e-samplestatus .new .tree {
4880
+ top : 6px ;
4881
+ line-height : 8px ;
4882
+ }
4883
+ .fluent2-dark .e-samplestatus .preview ,
4884
+ .fluent2-dark .e-samplestatus .update ,
4885
+ .fluent2-dark .e-samplestatus .new ,
4886
+ .fluent2 .e-samplestatus .preview ,
4887
+ .fluent2 .e-samplestatus .update ,
4888
+ .fluent2 .e-samplestatus .new {
4889
+ top : 6px ;
4890
+ line-height : 8px ;
4891
+ }
4892
+ .fluent2 .e-bigger .e-samplestatus .preview ,
4893
+ .fluent2 .e-bigger .e-samplestatus .update ,
4894
+ .fluent2 .e-bigger .e-samplestatus .new ,
4895
+ .fluent2-dark .e-bigger .e-samplestatus .preview ,
4896
+ .fluent2-dark .e-bigger .e-samplestatus .update ,
4897
+ .fluent2-dark .e-bigger .e-samplestatus .new {
4898
+ top : 8px ;
4899
+ }
4900
+ .e-bigger .fluent2-highcontrast .e-samplestatus .preview .tree {
4901
+ line-height : 18px ;
4902
+ }
4903
+ .highcontrast .e-bigger .e-samplestatus .preview .tree ,
4904
+ .highcontrast .e-bigger .e-samplestatus .update .tree ,
4905
+ .highcontrast .e-bigger .e-samplestatus .new .tree {
4906
+ line-height : 10px ;
4907
+ }
4850
4908
/*Fluent2-dark theme */
4851
4909
.fluent2-dark # search-input-wrapper .sb-reset-icon : before {
4852
4910
content : '\e7e7' ;
@@ -5065,9 +5123,9 @@ body.fluent2-dark,
5065
5123
.material3 .e-samplestatus .preview .tree , .material3 .e-samplestatus .Preview .tree ,
5066
5124
.material3 .e-samplestatus .update .tree , .material3 .e-samplestatus .Update .tree ,
5067
5125
.material3 .e-samplestatus .new .tree , .material3 .e-samplestatus .New .tree ,
5068
- .fluent2-dark .e-samplestatus .preview .tree , .fluent2-dark .e-samplestatus .Preview .tree ,
5069
- .fluent2-dark .e-samplestatus .update .tree , .fluent2-dark .e-samplestatus .Update .tree ,
5070
- .fluent2-dark .e-samplestatus .new .tree , .fluent2-dark .e-samplestatus .New .tree {
5126
+ .e-bigger . fluent2-dark .e-samplestatus .preview .tree , .fluent2-dark .e-samplestatus .Preview .tree ,
5127
+ .e-bigger . fluent2-dark .e-samplestatus .update .tree , .fluent2-dark .e-samplestatus .Update .tree ,
5128
+ .e-bigger . fluent2-dark .e-samplestatus .new .tree , .fluent2-dark .e-samplestatus .New .tree {
5071
5129
top : 9px ;
5072
5130
line-height : 18px ;
5073
5131
}
@@ -5085,3 +5143,70 @@ body.fluent2-dark,
5085
5143
.fluent2-dark .e-listview .e-list-item .e-list-text {
5086
5144
padding-left : 10px ;
5087
5145
}
5146
+
5147
+ /* Media Query for Tablets Ipads portrait mode */
5148
+ @media (min-width : 768px ) and (max-width : 1024px ) {
5149
+ .material3 .sb-content-section .sb-content-tab-header ,
5150
+ .material3-dark .sb-content-section .sb-content-tab-header {
5151
+ line-height : 52px ;
5152
+ }
5153
+ .fluent .sb-content-section .sb-content-tab-header ,
5154
+ .fluent-dark .sb-content-section .sb-content-tab-header {
5155
+ line-height : 53px ;
5156
+ }
5157
+ .fluent2 .sb-content-section .sb-content-tab-header ,
5158
+ .fluent2-dark .sb-content-section .sb-content-tab-header {
5159
+ line-height : 49px ;
5160
+ }
5161
+ .bootstrap5\. 3 .sb-content-section .sb-content-tab-header ,
5162
+ .bootstrap5\. 3- dark .sb-content-section .sb-content-tab-header {
5163
+ line-height : 48px ;
5164
+ }
5165
+ .tailwind3 .sb-content-section .sb-content-tab-header ,
5166
+ .tailwind3-dark .sb-content-section .sb-content-tab-header {
5167
+ line-height : 56px ;
5168
+ }
5169
+ .highcontrast .sb-content-section .sb-content-tab-header {
5170
+ line-height : 55px ;
5171
+ }
5172
+ .fluent2-highcontrast .sb-content-section .sb-content-tab-header {
5173
+ line-height : 49px ;
5174
+ }
5175
+ }
5176
+
5177
+ /* Styles for the browser's autofill feature */
5178
+ .fluent-dark # search-input : -webkit-autofill {
5179
+ -webkit-text-fill-color : # ffffff ;
5180
+ -webkit-box-shadow : 0 0 0px 1000px # 252423 inset;
5181
+ border-color : # 252423 ;
5182
+ }
5183
+ .material3-dark # search-input : -webkit-autofill ,
5184
+ .fluent2-dark # search-input : -webkit-autofill ,
5185
+ .fluent2-highcontrast # search-input : -webkit-autofill {
5186
+ -webkit-text-fill-color : # ffffff ;
5187
+ -webkit-box-shadow : 0 0 0px 1000px # 2b2831 inset;
5188
+ border-color : # 2b2831 ;
5189
+ }
5190
+ .bootstrap5\. 3- dark # search-input : -webkit-autofill {
5191
+ -webkit-text-fill-color : # ffffff ;
5192
+ -webkit-box-shadow : 0 0 0px 1000px # 212529 inset;
5193
+ border-color : # 212529 ;
5194
+ }
5195
+ .tailwind-dark # search-input : -webkit-autofill {
5196
+ -webkit-text-fill-color : # ffffff ;
5197
+ -webkit-box-shadow : 0 0 0px 1000px # 1f2937 inset;
5198
+ border-color : # 1f2937 ;
5199
+ }
5200
+ .tailwind3-dark # search-input : -webkit-autofill {
5201
+ -webkit-text-fill-color : # ffffff ;
5202
+ -webkit-box-shadow : 0 0 0px 1000px # 111827 inset;
5203
+ border-color : # 111827 ;
5204
+ }
5205
+ .highcontrast # search-input : -webkit-autofill {
5206
+ -webkit-text-fill-color : # ffffff ;
5207
+ -webkit-box-shadow : 0 0 0px 1000px # 212121 inset;
5208
+ border-color : # 212121 ;
5209
+ }
5210
+ # search-input : -webkit-autofill {
5211
+ -webkit-box-shadow : 0 0 0px 1000px # ffffff inset;
5212
+ }
0 commit comments