Как уменьшить размер пользовательского интерфейса в теме ExtJS crisp

Сравнивая четкие и классические темы Extjs, помимо стиля, есть разница в размере / масштабе пользовательского интерфейса. Тема Crisp выглядит увеличенной на 110 % по сравнению с классической.

Можно ли уменьшить размер четкой темы до размера классической? Я понимаю, что со стилем приходят отступы, границы и размеры изображений, которые будут установлены для компонентов каждой темы. Но я все же хотел бы знать, возможно ли уменьшение размера?

заранее спасибо


person optimusPrime    schedule 18.11.2014    source источник


Ответы (1)


Да, размер шрифта больше (13 пикселей в четком, 12 пикселей в классическом), плюс каждый из них использует другую схему шрифта, что также добавит немного разницы.

На ваш вопрос об уменьшении размера шрифта ответ, конечно, да, это возможно. Вы можете пойти по плохой дороге, создав кучу правил CSS, чтобы переопределить то, что уже есть в хрустящей корочке, и это, безусловно, сработает.

Однако лучшим вариантом будет создание собственной темы. Вы можете создать тему, которая расширяет четкость, а затем просто настроить различные области, которые вы хотите изменить (размеры шрифта, отступы на разных компонентах и ​​т. д.). Если вы сделаете это, имейте в виду, что четкая тема расширяет тему нептуна, а классическая расширяет только нейтральную тему (которую также расширяет нептун). Я говорю это, потому что если вы посмотрите на настоящую четкую тему, то увидите, что в ней довольно мало вещей, которые вы хотите настроить (отступы, поля и т. д.). Это потому, что большинство из них происходит от темы Нептуна, поэтому вы, вероятно, сделаете себе одолжение, познакомившись с обеими темами, чтобы наиболее эффективно достичь желаемого результата.

Если вы раньше не создавали собственную тему Ext JS, обязательно ознакомьтесь с руководством здесь: http://docs.sencha.com/extjs/5.0/core_concepts/theming.html. В этом руководстве также есть хорошая диаграмма, которая иллюстрирует наследование тем для пакетов тем по умолчанию, поэтому обязательно ознакомьтесь с ней.

Надеюсь, это поможет!

person existdissolve    schedule 18.11.2014
comment
Спасибо, у меня были мысли в том же духе, и я попробовал руководство по темам от sencha. Просто я хотел знать, возможно ли масштабирование. - person optimusPrime; 20.11.2014