Иконки в PaginationToolbar не отображаются - PullRequest
Новая
       3

Иконки в PaginationToolbar не отображаются

1 голос
/ 28 октября 2011

Я использую Sencha ExtJS Framework в версии 4.05, и у меня есть следующая проблема. Я отображаю Ext.Grids, которые имеют панель инструментов для разбивки на страницы в нижней части сетки. На странице образцов Sencha в сетках будут отображаться некоторые кнопки (первая страница, предыдущая страница, следующая страница, последняя страница, обновление) со значками на ней.

К сожалению, значки не отображаются в моих сетках:

The Pagination Toolbar

Как видите, кнопки на самом деле есть и работают правильно, только значки не отображаются.

Ссылки на изображения верны, изображения доступны и доступны для браузера. (Если я посмотрю CSS кнопки в Firebug и наведу курсор на изображение, на нем отобразится правильный значок).

Одна вещь, которую я заметил, заключается в том, что по какой-то причине элемент <span>, который должен отображать значок, "затенен" в представлении firebug. (На странице примера Sencha это не так).

The Part of the DOM corresponding to the Refresh button

CSS этого элемента выглядит хорошо для меня:

The CSS of the span element

Примечание : полный используемый файл CSS можно найти ЗДЕСЬ

Короткое замечание по теме: я создал эту серую тему (называемую «документы»), просто изменив основной цвет шаблона .sass и скомпилировав ext-all.css в новый для моей темы. Так что я ничего не изменил с иконками.

Есть предложения, что может вызвать эту проблему?

1 Ответ

2 голосов
/ 05 ноября 2011

Трудно отлаживать без доступа к актуальному коду. Тем не менее, я заметил, что как в CSS, который вы скопировали выше, так и в ссылке css, которую вы разместили (которая была предположительно целым css), что ни один из наборов css (который я мог найти) не имел никакой ссылки на класс x-btn-icon сам по себе, и все же это класс (вместе с x-tbar-loading), который находится в вашем сером элементе span. Итак, что делает этот класс? Где это определено? Там может находиться ваша проблема.

РЕДАКТИРОВАТЬ: я пошел на сайт Sencha и зажег значок на образце сетки. Когда я удалил класс x-btn-icon из элемента, я думаю, что я продублировал вашу проблему. Таким образом, кажется, что необходимое определение этого класса отсутствует в вашем CSS. На их сайте это определено в ext-all.css.

...