592592.bootstrap5\. 3 # search-input-wrapper .sb-reset-icon : before , .bootstrap5\. 3- dark # search-input-wrapper .sb-reset-icon : before ,
593593.fluent # search-input-wrapper .sb-reset-icon : before , .fluent-dark # search-input-wrapper .sb-reset-icon : before ,
594594.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 ,
595596.material3 # search-input-wrapper .sb-reset-icon : before ,
596597.fluent2 # search-input-wrapper .sb-reset-icon : before , .fluent2-dark # search-input-wrapper .sb-reset-icon : before {
597598 content : '\e7e7' ;
609610.tailwind-dark .sb-reset-icon , .fluent-dark .sb-reset-icon , .highcontrast .sb-reset-icon ,
610611.material3-dark .sb-reset-icon , .fluent-dark .sb-reset-icon , .highcontrast .sb-reset-icon ,
611612.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 {
613615 color : # fff ;
614616}
615617.toggle-active {
997999}
9981000.bootstrap5 .copycode ::before , .bootstrap5-dark .copycode ::before ,
9991001.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 {
10011004 content : '\e77c' ;
10021005}
10031006.bootstrap4 .copycode ::before {
10131016 width : 32px ;
10141017 position : absolute;
10151018 cursor : pointer;
1016- right : 12 px ;
1019+ right : 25 px ;
10171020 top : 12px ;
10181021 background : # D8D8D8 ;
10191022 border-radius : 2px ;
@@ -2639,6 +2642,9 @@ a.sb-ad-link, a.sb-ad-link:hover, a.sb-ad-link:active {
26392642 .sb-mobilefooter > .e-btn .e-disabled : hover {
26402643 color : # 5a5a5a ;
26412644 }
2645+ .sb-mobilefooter > .e-btn .e-flat .e-disabled {
2646+ opacity : .35 ;
2647+ }
26422648 .sb-mobilefooter {
26432649 top : 91% ;
26442650 background-color : # e6e4e4 ;
@@ -3820,7 +3826,7 @@ body.tailwind-dark,
38203826 border-right : none;
38213827}
38223828
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 {
38243830 background : rgb (238 , 238 , 238 ) !important ;
38253831}
38263832
@@ -4640,6 +4646,7 @@ body.material3-dark,
46404646
46414647.fluent2-highcontrast .sb-left-pane .e-treeview .e-list-item .e-hover > .e-fullrow {
46424648 background-color : # 1aebff ;
4649+ border-color : # 44424a ;
46434650}
46444651
46454652.fluent2-highcontrast .sb-left-pane {
@@ -4844,9 +4851,60 @@ body.fluent2-highcontrast,
48444851 top : 9px ;
48454852 line-height : 8px ;
48464853}
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 {
48484870 top : 9px ;
48494871}
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+ }
48504908/*Fluent2-dark theme */
48514909.fluent2-dark # search-input-wrapper .sb-reset-icon : before {
48524910 content : '\e7e7' ;
@@ -5065,9 +5123,9 @@ body.fluent2-dark,
50655123.material3 .e-samplestatus .preview .tree , .material3 .e-samplestatus .Preview .tree ,
50665124.material3 .e-samplestatus .update .tree , .material3 .e-samplestatus .Update .tree ,
50675125.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 {
50715129 top : 9px ;
50725130 line-height : 18px ;
50735131}
@@ -5085,3 +5143,70 @@ body.fluent2-dark,
50855143.fluent2-dark .e-listview .e-list-item .e-list-text {
50865144 padding-left : 10px ;
50875145}
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