ExtJS 4.2.1 изменение высоты заголовка панелей,.. с SASS

В настоящее время я создаю свое приложение extjs и хочу изменить размер заголовка моих заголовков в моем приложении.

я использую тему neptune в качестве основы ... я обнаружил, что их высота составляет 36 пикселей .. все же, когда я просто перезаписываю класс заголовка панели или что-то в этом роде, содержимое не позиционируется правильно, потому что есть также абсолютный позиционирование с верхним 36px..

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

Пожалуйста, помогите мне! Если вам нужна дополнительная информация, не стесняйтесь спрашивать.


person JuHwon    schedule 18.06.2013    source источник


Ответы (1)


Высота заголовка составляет 36 пикселей из-за заполнения, которое задается переменной SASS $panel-header-padding, которая по умолчанию равна 9px 9px 10px в Neptune (определена в sass/var/panel/Panel.scss). Если вы установите для этой переменной другое значение, вы сможете контролировать высоту заголовка панели.

person kevhender    schedule 18.06.2013
comment
я знаю о переменной $panel-header-padding. хотя я также хочу увеличить размер шрифта в заголовке. Итак, если я увеличиваю отступ, я предполагаю, что я не увеличиваю размер заполнителя содержимого?!?? я? - person JuHwon; 19.06.2013
comment
Вы можете изменить размер шрифта, изменив переменную $panel-header-font-size, которая по умолчанию равна $font-size, а по умолчанию — 13px. Вы не можете напрямую изменить размер контейнера, но использование этих двух переменных должно дать вам нужный размер. - person kevhender; 19.06.2013
comment
я уже пробовал это... но это не то, что я ищу, потому что мой шрифт обрезается... !i.imgur.com/ZHdxtSy.png! - person JuHwon; 19.06.2013
comment
Ах я вижу. Затем вы также захотите изменить $panel-header-line-height на нечто большее, чем размер вашего шрифта. ХТН. - person kevhender; 19.06.2013
comment
Есть ли где-нибудь документ, где я могу найти все эти переменные? - person JuHwon; 19.06.2013
comment
Они доступны в разделе документации «Переменные CSS»: docs.sencha.com/extjs/4.2.1/#!/api/Ext.panel.Panel Хотя иногда мне проще просмотреть сами файлы, расположенные под ext\packages\[theme]\sass\var\Panel.scss - person kevhender; 19.06.2013