|
533 | 533 | }
|
534 | 534 | .bootstrap5 #search-input-wrapper .sb-reset-icon:before, .bootstrap5-dark #search-input-wrapper .sb-reset-icon:before,
|
535 | 535 | .fluent #search-input-wrapper .sb-reset-icon:before, .fluent-dark #search-input-wrapper .sb-reset-icon:before,
|
536 | | -.tailwind #search-input-wrapper .sb-reset-icon:before, .tailwind-dark #search-input-wrapper .sb-reset-icon:before |
537 | | -{ |
| 536 | +.tailwind #search-input-wrapper .sb-reset-icon:before, .tailwind-dark #search-input-wrapper .sb-reset-icon:before, |
| 537 | +.material3#search-input-wrapper .sb-reset-icon:before{ |
538 | 538 | content: '\e7e7';
|
539 | 539 | }
|
540 | 540 | .bootstrap4 #search-input-wrapper .sb-reset-icon:before {
|
|
1053 | 1053 | overflow-y: auto;
|
1054 | 1054 | position: absolute;
|
1055 | 1055 | padding-left: 5px;
|
| 1056 | + border: none; |
1056 | 1057 | -webkit-overflow-scrolling: touch;
|
1057 | 1058 | }
|
1058 | 1059 |
|
|
1093 | 1094 | }
|
1094 | 1095 | .sb-component-name h1 {
|
1095 | 1096 | font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
|
1096 | | - font-size: 22px; |
| 1097 | + font-size: 18px; |
1097 | 1098 | padding-bottom: 10px;
|
1098 | 1099 | margin: 0;
|
1099 | 1100 | }
|
@@ -3228,6 +3229,7 @@ aside#left-sidebar {
|
3228 | 3229 | content: '\e7e7';
|
3229 | 3230 | }
|
3230 | 3231 |
|
| 3232 | +.material3 .copycode::before, |
3231 | 3233 | .material3-dark .copycode::before {
|
3232 | 3234 | content: '\e77c';
|
3233 | 3235 | }
|
@@ -3296,7 +3298,7 @@ body.material3-dark, .material3-dark .sb-content {
|
3296 | 3298 | }
|
3297 | 3299 |
|
3298 | 3300 | .material3-dark .sb-theme-select {
|
3299 | | - color: rgba(28,27,31); |
| 3301 | + color: rgb(31,41,55); |
3300 | 3302 | }
|
3301 | 3303 |
|
3302 | 3304 | body.material3-dark,
|
@@ -3426,3 +3428,92 @@ body.material3-dark,
|
3426 | 3428 | .material3-dark .sb-left-pane .e-listview .e-list-item:hover {
|
3427 | 3429 | background-color: rgba(255, 255, 255, 0.12);
|
3428 | 3430 | }
|
| 3431 | + |
| 3432 | +.material3 .e-samplestatus.preview.tree, .material3 .e-samplestatus.Preview.tree, |
| 3433 | +.material3 .e-samplestatus.update.tree, .material3 .e-samplestatus.Update.tree, |
| 3434 | +.material3 .e-samplestatus.new.tree, .fluent .e-samplestatus.New.tree, |
| 3435 | +.material3-dark .e-samplestatus.preview.tree, .material3-dark .e-samplestatus.Preview.tree, |
| 3436 | +.material3-dark .e-samplestatus.update.tree, .material3-dark .e-samplestatus.Update.tree, |
| 3437 | +.material3-dark .e-samplestatus.new.tree, .material3-dark .e-samplestatus.New.tree { |
| 3438 | + top: 9px; |
| 3439 | + line-height: 8px; |
| 3440 | +} |
| 3441 | + |
| 3442 | +/*width changes for overlap*/ |
| 3443 | +.sb-left-pane { |
| 3444 | + width: 292px; |
| 3445 | + height: 100%; |
| 3446 | +} |
| 3447 | + |
| 3448 | +.e-bigger .e-list-parent .e-list-parent .e-list-item.e-level-2 .tree-text { |
| 3449 | + width: calc(100% - 60px); |
| 3450 | + overflow: hidden; |
| 3451 | + text-overflow: ellipsis; |
| 3452 | +} |
| 3453 | + |
| 3454 | +@media (max-width: 550px) { |
| 3455 | + .e-list-parent .e-list-parent .e-list-item.e-level-2 .tree-text { |
| 3456 | + width: calc(100% - 60px); |
| 3457 | + overflow: hidden; |
| 3458 | + text-overflow: ellipsis; |
| 3459 | + } |
| 3460 | +} |
| 3461 | + |
| 3462 | +.material3.e-bigger .e-samplestatus.preview.tree, .material3.e-bigger .e-samplestatus.Preview.tree, |
| 3463 | +.material3.e-bigger .e-samplestatus.update.tree, .material3.e-bigger .e-samplestatus.Update.tree, |
| 3464 | +.material3.e-bigger .e-samplestatus.new.tree, .material3.e-bigger .e-samplestatus.New.tree, |
| 3465 | +.material3-dark.e-bigger .e-samplestatus.preview.tree, .material3-dark.e-bigger .e-samplestatus.Preview.tree, |
| 3466 | +.material3-dark.e-bigger .e-samplestatus.update.tree, .material3-dark.e-bigger .e-samplestatus.Update.tree, |
| 3467 | +.material3-dark.e-bigger .e-samplestatus.new.tree, .material3-dark.e-bigger .e-samplestatus.New.tree { |
| 3468 | + top: 9px; |
| 3469 | + line-height: 11px; |
| 3470 | +} |
| 3471 | + |
| 3472 | + |
| 3473 | +.material3.e-bigger .e-badge.sb-badge.e-samplestatus.New, .material3.e-bigger .e-badge.sb-badge.e-samplestatus.new, |
| 3474 | +.material3.e-bigger .e-badge.sb-badge.e-samplestatus.Update, .material3.e-bigger .e-badge.sb-badge.e-samplestatus.update, |
| 3475 | +.material3.e-bigger .e-badge.sb-badge.e-samplestatus.Preview, .material3.e-bigger .e-badge.sb-badge.e-samplestatus.preview, |
| 3476 | +.material3-dark.e-bigger .e-badge.sb-badge.e-samplestatus.New, .material3-dark.e-bigger .e-badge.sb-badge.e-samplestatus.new, |
| 3477 | +.material3-dark.e-bigger .e-badge.sb-badge.e-samplestatus.Update, .material3-dark.e-bigger .e-badge.sb-badge.e-samplestatus.update, |
| 3478 | +.material3-dark.e-bigger .e-badge.sb-badge.e-samplestatus.Preview, .material3-dark.e-bigger .e-badge.sb-badge.e-samplestatus.preview { |
| 3479 | + padding: 6px 8px; |
| 3480 | + font-size: 10px; |
| 3481 | + border-radius: 2px; |
| 3482 | + height: 24px; |
| 3483 | + margin: 2px 0px !important; |
| 3484 | +} |
| 3485 | + |
| 3486 | + |
| 3487 | +/*Material3 theme changes */ |
| 3488 | +.material3 .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item.e-active > .e-tab-wrap > .e-text-wrap > .e-tab-text, |
| 3489 | +.material3 .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item:hover > .e-tab-wrap > .e-text-wrap > .e-tab-text, |
| 3490 | +.material3 .sb-source-section .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text, |
| 3491 | +.material3 .sb-source-section .e-tab .e-tab-header .e-toolbar-item:hover .e-tab-text, |
| 3492 | +.material3 .control-name, |
| 3493 | +.material3 .sb-icon-Hamburger, |
| 3494 | +.material3 .sb-footer-links a, |
| 3495 | +.material3 .sb-plnr-section, |
| 3496 | +.material3 .sb-open-new-wrapper a:hover, |
| 3497 | +.material3 .sample-navigation > button:hover { |
| 3498 | + color: #6750a4; |
| 3499 | +} |
| 3500 | + |
| 3501 | +.material3 #left-sidebar { |
| 3502 | + background: #fff; |
| 3503 | +} |
| 3504 | + |
| 3505 | +.material3 .sb-left-pane .e-listview .e-list-item.e-hover, |
| 3506 | +.material3 .sb-left-pane .e-listview .e-list-item.e-active, |
| 3507 | +.material3 .sb-left-pane .e-treeview .e-list-item.e-hover > .e-fullrow { |
| 3508 | + background-color: #eaddff; |
| 3509 | +} |
| 3510 | + |
| 3511 | +.material3 .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-indicator { |
| 3512 | + background: #6750a4; |
| 3513 | +} |
| 3514 | + |
| 3515 | +#controlList .e-list-group-item .e-list-text { |
| 3516 | + font-size: 16px; |
| 3517 | + font-weight: 800; |
| 3518 | +} |
| 3519 | + |
0 commit comments