Хелперы
Стандартные размеры отступов внутри элементов интерфейса и между разными элементами и компонентами.
Стандартные размеры отступов внутри элементов интерфейса и между разными элементами и компонентами.
| Название | Назначение | Productivity | Media, My.com | Touch |
|---|---|---|---|---|
| $sizeControlHeight | Высота элемента управления | x8 (32dp) | x10 (40dp) | x12 (48dp) |
| $sizeControlHeightResponsive | Высота элемента управления для 1024 | x8 (32dp) | x8 (32dp) | — |
| $sizeControlButtonWidthMin | Минимальная ширина кнопки (по ширине кнопки «Отменить») | 86dp | 94dp | 130dp |
| $sizeControlButtonIconWidth = $sizeControlHeight | Ширина кнопки-иконки | x8 (32dp) | x10 (40dp) | x12 (48dp) |
| $sizeControlButtonTinyHeight | Высота компактной кнопки (исключение для мобильного веба) | — | — | x8 (32dp) |
| $sizeControlButtonTinyWidth | Ширина компактной кнопки (исключение для мобильного веба) | — | — | x8 (32dp) |
| $sizeControlButtonSliderHeight = $sizeControlHeight - $sizeBase*2 | Высота ползунка в слайдере | x6 (24dp) | x8 (32dp) | — |
| $sizeControlButtonSliderWidth | Ширина ползунка в слайдере | x3 (12dp) | x3 (12dp) | — |
| $sizeControlButtonSliderWidthPointer = $sizeControlButtonSliderWidth + $sizeBase | Ширина ползунка с указателем в слайдере | x4 (16dp) | x4 (16dp) | — |
| $sizeControlFieldWidthMin | Стандартная ширина поля ввода | 380dp | 380dp | 328dp |
| $sizeControlLabelWidth | Ширина названия элемента управления при размещении слева | 184dp | 184dp | — |
| $sizeControlCheckHeight | Высота чекбокса и радиокнопки | x4 (16dp) | x4 (16dp) | x4 (16dp) |
| $sizeControlCheckWidth = $sizeControlCheckHeight | Ширина чекбокса и радиокнопки | x4 (16dp) | x4 (16dp) | x4 (16dp) |
| $sizeProgress | Толщина полосы прогресса и полосы прокрутки | x1 (4dp) | x1 (4dp) | x1 (4dp) |
| $sizeProgressScroll = $sizeProgress + $sizeBase*2 | Ширина «безопасной» области для прокрутки | x3 (12dp) | x3 (12dp) | — |
| $sizeDotBullet | Радиус индикатора ненумерованного списка | x1 (4dp) | x1 (4dp) | x1 (4dp) |
| $sizeDotIndicate | Радиус индикатора для пошаговых помощников | x2 (8dp) | x2 (8dp) | x2 (8dp) |
| $sizeDotClickable | Радиус индикатора карусели (переключение слайдов, экранов промо-сайта) | x3 (12dp) | x3 (12dp) | x3 (12dp) |
| $sizePopupSmall | Ширина компактного попапа | 420dp | 420dp | 352dp |
| $sizePopupMedium | Ширина обычного попапа | 680dp | 680dp | 352dp |
| $sizePopupLarge | Ширина попапа с развёрнутым контентом | 880dp | 880dp | 352dp |
| Название | Назначение | Productivity | Media, My.com | Touch |
|---|---|---|---|---|
| $paddingControlHorizontal | Горизонтальный отступ внутри элемента управления | x3 (12dp) | x3 (12dp) | x3 (12dp) |
| $paddingControlVertical | Вертикальный отступ внутри элемента управления | x0 (0) | x0 (0) | x0 (0) |
| $paddingControlMore | Горизонтальный отступ внутри элемента управления с саджестом | x2 (8dp) | x2 (8dp) | x2 (8dp) |
| $paddingControlMoreIcon | Отступ от текста в выпадающем списке до иконки. Нужен ли он отдельно? | x2 (8dp) | x3 (12dp) | x3 (12dp) |
| $paddingControlButton | Горизонтальный отступ внутри кнопки | x4 (16dp) | x5 (20dp) | x5 (20dp) |
| $paddingControlButtonIcon = $paddingControlButton - $sizeBase | Горизонтальный отступ внутри кнопки с иконкой | x3 (12dp) | x4 (16dp) | x4 (16dp) |
| $paddingControlDiv | Отступ сверху и снизу у разделителя внутри поля ввода | x1 (4dp) | x1 (4dp) /* проверить */ |
x1 (4dp) /* проверить */ |
| $paddingMenu | Отступ сверху и снизу выпадающего списка | x2 (8dp) | x2 (8dp) | x2 (8dp) |
| $paddingTag | Отступ внутри тега или операнда | x2 (8dp) | x2 (8dp) | x2 (8dp) |
| $paddingTab | Отступ внутри вкладки | 0 | x4 (16dp) | 0 |
| $paddingTableHorizontal | Горизонтальный отступ внутри таблицы | x4 (16dp) | x4 (16dp) | x4 (16dp) |
| $paddingTableVertical | Вертикальный отступ внутри таблицы | x4 (16dp) | x4 (16dp) | x4 (16dp) |
| Название | Назначение | Productivity | Media, My.com | Touch |
|---|---|---|---|---|
| $marginControl | Отступ между элементами управления | x2 (8dp) | x3 (12dp) | x3 (12dp) |
| $marginControlGroup | Отступ между элементами управления в группе (-1 для скрытия двойной границы) | -x025 (-1dp) | -x025 (-1dp) | -x025 (-1dp) |
| $marginFormLabelHorizontal | Отступ от названия элемента управления до элемента (расположение слева) | x4 (16dp) | x4 (16dp) | x4 (16dp) |
| $marginFormLabelVertical | Отступ от названия элемента управления до элемента (расположение сверху) | x1 (4dp) | x1 (4dp) | x1 (4dp) |
| $marginFormTip | Отступ от элемента управления до подсказки к нему или ошибки | x1 (4dp) | x1 (4dp) | x1 (4dp) |
| $marginFormFieldHorizontal | Отступ между элементами формы (расположение слева) | x4 (16dp) | x4 (16dp) | x4 (16dp) |
| $marginFormFieldVertical | Отступ между элементами формы (расположение сверху) | x5 (20dp) | x5 (20dp) | x5 (20dp) |
| $marginFormFieldSet | Отступ между группами элементов формы | x8 (32dp) | x8 (32dp) | x8 (32dp) |
| $marginIcon | Отступ от иконки до её названия | x3 (12dp) | x3 (12dp) | x3 (12dp) |
| $marginChoice | Отступ от радио-кнопки или чекбокса до названия /* в примерах элементов возможна ошибка вызова */ |
x2 (8dp) | x2 (8dp) | x2 (8dp) |
| $marginMenu | Отступ меню от элемента управления, который его вызвал | x025 (1dp) | x025 (1dp) | x025 (1dp) |
| $marginTag | Отступ между тегами или операндами | x1 (4dp) | x2 (8dp) | x2 (8dp) |
| $marginTab | Отступ между вкладками | x8 (32dp) | x2 (8dp) | x8 (32dp) |
| $marginBullet | Отступ от индикатора ненумерованного списка до текста | x3 (12dp) | x3 (12dp) | x3 (12dp) |
| $marginAttribute | Отступ от атрибута до названия объекта (например, дата у новости) | x1 (4dp) | x1 (4dp) | x1 (4dp) |
| Название | Назначение | Productivity | Media, My.com | Touch |
|---|---|---|---|---|
| $paddingBase = $sizeGrid | Отступ внутри «оболочки» попапа, карточки Вертикальные отступы между блоками в попапах |
x5 (20dp) | x5 (20dp) | x3 (12dp) |
| $paddingSliceTop | Оступ от верхней границы пояса до заголовка | — | x10 (40dp) | — |
| $paddingSliceBottom | Нижний отступ в поясе | — | x15 (60dp) | — |