extjs750 window標題工具按鈕圖標不顯示異常處理

                小編:管理員 118閱讀 2022.09.07

                版本

                extjs7.x classic material主題

                效果

                修正前,window標題中關閉圖標可見,tools圖標看不見

                修正后,tools正常顯示圖標

                原因

                檢查元素發現圖標樣式繼承了neutral主題.x-tool-tool-el樣式的顏色,查閱源碼可知material繼承neutral主題卻沒有為window的tools定義樣式

                解決

                自定義樣式

                .#{$prefix}window {
                  .#{$prefix}window-header {
                    .#{$prefix}tool-tool-el {
                      color: $base-color;
                    }
                    .#{$prefix}tool-close {
                      color: $window-close-glyph-color;
                    }
                  }
                }
                復制源碼
                • neutral主題panel tool樣式 node_modules/@sencha/ext-classic-theme-neutral/sass/src/panel/Tool.scss
                .#{$prefix}tool-tool-el {
                    overflow: hidden;
                    width: $tool-size;
                    height: $tool-size;
                    margin: 0;
                    color: $tool-glyph-color; // $tool-glyph-color: dynamic(#fff);
                    text-align: center;
                    @if $tool-opacity != 1 {
                        @include opacity($tool-opacity);
                    }
                    @if $tool-opacity-over != 1 or $tool-opacity != 1 {
                        .#{$prefix}tool-over & {
                            @include opacity($tool-opacity-over);
                        }
                    }
                    @if $tool-opacity-pressed != 1 or $tool-opacity != 1 {
                        .#{$prefix}tool-pressed & {
                            @include opacity($tool-opacity-pressed);
                        }
                    }
                }
                復制
                • material主題windows樣式 node_modules/@sencha/ext-classic-theme-material/sass/src/window/Window.scss
                .#{$prefix}window {
                    box-shadow: $toolbar-box-shadow;
                    .#{$prefix}window-header {
                        .#{$prefix}tool-close {
                            color: $window-close-glyph-color;
                        }
                    }
                }
                復制
                關聯標簽:
                喵视频,国偷自产一区二视频观看,国产三级视频在线观看,国产精品免费久久久久电影,老师你下面太紧了拔不出来,国产成人亚洲欧美综合无码,亚洲日本VA中文字幕久久