projects / extjs.git / blame
| Commit | Line | Data |
|---|---|---|
| 6527f429 DM |
1 | /**\r |
| 2 | * @class Ext.tab.Bar\r | |
| 3 | */\r | |
| 4 | \r | |
| 5 | /**\r | |
| 6 | * @var {number/list}\r | |
| 7 | * The padding of the Tab Bar\r | |
| 8 | */\r | |
| 9 | $tabbar-padding: dynamic(0);\r | |
| 10 | \r | |
| 11 | /**\r | |
| 12 | * @var {number/list}\r | |
| 13 | * The padding of the Tab Bar when {@link #plain} is `true`.\r | |
| 14 | */\r | |
| 15 | $tabbar-plain-padding: dynamic($tabbar-padding);\r | |
| 16 | \r | |
| 17 | /**\r | |
| 18 | * @var {color}\r | |
| 19 | * The base color of the Tab Bar\r | |
| 20 | */\r | |
| 21 | $tabbar-base-color: dynamic($base-color);\r | |
| 22 | \r | |
| 23 | /**\r | |
| 24 | * @var {string/list}\r | |
| 25 | * The background-gradient of the Tab Bar. Can be either the name of a predefined gradient\r | |
| 26 | * or a list of color stops. Used as the `$type` parameter for \r | |
| 27 | * {@link Global_CSS#background-gradient}.\r | |
| 28 | */\r | |
| 29 | $tabbar-background-gradient: dynamic('tabbar');\r | |
| 30 | \r | |
| 31 | /**\r | |
| 32 | * @var {color}\r | |
| 33 | * The border-color of the Tab Bar\r | |
| 34 | */\r | |
| 35 | $tabbar-border-color: dynamic($panel-header-border-color);\r | |
| 36 | \r | |
| 37 | /**\r | |
| 38 | * @var {number/list}\r | |
| 39 | * The border-width of the Tab Bar\r | |
| 40 | */\r | |
| 41 | $tabbar-border-width: dynamic(1px 1px 0);\r | |
| 42 | \r | |
| 43 | /**\r | |
| 44 | * @var {number}\r | |
| 45 | * The height of the Tab Bar strip\r | |
| 46 | */\r | |
| 47 | $tabbar-strip-height: dynamic(3px);\r | |
| 48 | \r | |
| 49 | /**\r | |
| 50 | * @var {color}\r | |
| 51 | * The border-color of the Tab Bar strip\r | |
| 52 | */\r | |
| 53 | $tabbar-strip-border-color: dynamic($panel-header-border-color);\r | |
| 54 | \r | |
| 55 | /**\r | |
| 56 | * @var {color}\r | |
| 57 | * The background-color of the Tab Bar strip\r | |
| 58 | */\r | |
| 59 | $tabbar-strip-background-color: dynamic($tab-base-color-active);\r | |
| 60 | \r | |
| 61 | /**\r | |
| 62 | * @var {number/list}\r | |
| 63 | * The border-width of the Tab Bar strip\r | |
| 64 | */\r | |
| 65 | $tabbar-strip-border-width: dynamic(1px 0 0);\r | |
| 66 | \r | |
| 67 | /**\r | |
| 68 | * @var {number}\r | |
| 69 | * The width of the Tab Bar scrollers\r | |
| 70 | */\r | |
| 71 | $tabbar-scroller-width: dynamic(24px);\r | |
| 72 | \r | |
| 73 | /**\r | |
| 74 | * @var {number}\r | |
| 75 | * The height of the Tab Bar scrollers\r | |
| 76 | */\r | |
| 77 | $tabbar-scroller-height: dynamic(24px);\r | |
| 78 | \r | |
| 79 | /**\r | |
| 80 | * @var {number/list}\r | |
| 81 | * The margin of "top" Tab Bar scroller buttons\r | |
| 82 | */\r | |
| 83 | $tabbar-scroller-top-margin: dynamic(0);\r | |
| 84 | \r | |
| 85 | /**\r | |
| 86 | * @var {number/list}\r | |
| 87 | * The margin of "right" Tab Bar scroller buttons\r | |
| 88 | */\r | |
| 89 | $tabbar-scroller-right-margin: dynamic(0);\r | |
| 90 | \r | |
| 91 | /**\r | |
| 92 | * @var {number/list}\r | |
| 93 | * The margin of "bottom" Tab Bar scroller buttons\r | |
| 94 | */\r | |
| 95 | $tabbar-scroller-bottom-margin: dynamic(0);\r | |
| 96 | \r | |
| 97 | /**\r | |
| 98 | * @var {number/list}\r | |
| 99 | * The margin of "left" Tab Bar scroller buttons\r | |
| 100 | */\r | |
| 101 | $tabbar-scroller-left-margin: dynamic(0);\r | |
| 102 | \r | |
| 103 | /**\r | |
| 104 | * @var {string}\r | |
| 105 | * The cursor of the Tab Bar scrollers\r | |
| 106 | */\r | |
| 107 | $tabbar-scroller-cursor: dynamic(pointer);\r | |
| 108 | \r | |
| 109 | /**\r | |
| 110 | * @var {string}\r | |
| 111 | * The cursor of disabled Tab Bar scrollers\r | |
| 112 | */\r | |
| 113 | $tabbar-scroller-cursor-disabled: dynamic(default);\r | |
| 114 | \r | |
| 115 | /**\r | |
| 116 | * @var {number}\r | |
| 117 | * The opacity of Tab Bar scrollers\r | |
| 118 | */\r | |
| 119 | $tabbar-scroller-opacity: dynamic(0.5);\r | |
| 120 | \r | |
| 121 | /**\r | |
| 122 | * @var {number}\r | |
| 123 | * The opacity of hovered Tab Bar scrollers\r | |
| 124 | */\r | |
| 125 | $tabbar-scroller-opacity-over: dynamic(0.6);\r | |
| 126 | \r | |
| 127 | /**\r | |
| 128 | * @var {number}\r | |
| 129 | * The opacity of pressed Tab Bar scrollers\r | |
| 130 | */\r | |
| 131 | $tabbar-scroller-opacity-pressed: dynamic(0.7);\r | |
| 132 | \r | |
| 133 | /**\r | |
| 134 | * @var {number}\r | |
| 135 | * The opacity of disabled Tab Bar scrollers\r | |
| 136 | */\r | |
| 137 | $tabbar-scroller-opacity-disabled: dynamic(0.25);\r | |
| 138 | \r | |
| 139 | /**\r | |
| 140 | * @var {color}\r | |
| 141 | * The color to use for Tab Bar scroller icons when {@link Global_CSS#$enable-font-icons} is `true`.\r | |
| 142 | */\r | |
| 143 | $tabbar-scroller-glyph-color: dynamic($neutral-color);\r | |
| 144 | \r | |
| 145 | /**\r | |
| 146 | * @var {color}\r | |
| 147 | * The color to use for "plain" Tab Bar scroller icons when {@link Global_CSS#$enable-font-icons} is `true`.\r | |
| 148 | */\r | |
| 149 | $tabbar-plain-scroller-glyph-color: dynamic($tabbar-scroller-glyph-color);\r | |
| 150 | \r | |
| 151 | /**\r | |
| 152 | * @var {number}\r | |
| 153 | * The font size for Tab Bar scroller icons when {@link Global_CSS#$enable-font-icons} is `true`.\r | |
| 154 | */\r | |
| 155 | $tabbar-scroller-glyph-font-size: dynamic(16px);\r | |
| 156 | \r | |
| 157 | /**\r | |
| 158 | * @var {string/list}\r | |
| 159 | * Glyph for the "top" scroller icon when {@link Global_CSS#$enable-font-icons} is `true`.\r | |
| 160 | */\r | |
| 161 | $tabbar-scroller-top-glyph: dynamic($fa-var-chevron-up $tabbar-scroller-glyph-font-size $font-icon-font-family);\r | |
| 162 | \r | |
| 163 | /**\r | |
| 164 | * @var {string/list}\r | |
| 165 | * Glyph for the "right" scroller icon when {@link Global_CSS#$enable-font-icons} is `true`.\r | |
| 166 | */\r | |
| 167 | $tabbar-scroller-right-glyph: dynamic($fa-var-chevron-right $tabbar-scroller-glyph-font-size $font-icon-font-family);\r | |
| 168 | \r | |
| 169 | /**\r | |
| 170 | * @var {string/list}\r | |
| 171 | * Glyph for the "bottom" scroller icon when {@link Global_CSS#$enable-font-icons} is `true`.\r | |
| 172 | */\r | |
| 173 | $tabbar-scroller-bottom-glyph: dynamic($fa-var-chevron-down $tabbar-scroller-glyph-font-size $font-icon-font-family);\r | |
| 174 | \r | |
| 175 | /**\r | |
| 176 | * @var {string/list}\r | |
| 177 | * Glyph for the "left" scroller icon when {@link Global_CSS#$enable-font-icons} is `true`.\r | |
| 178 | */\r | |
| 179 | $tabbar-scroller-left-glyph: dynamic($fa-var-chevron-left $tabbar-scroller-glyph-font-size $font-icon-font-family);\r | |
| 180 | \r | |
| 181 | /**\r | |
| 182 | * @var {boolean}\r | |
| 183 | * `true` to use classic-style scroller buttons. When `true` scroller buttons are given their\r | |
| 184 | * hover state by changing their background-position, When `false` scroller buttons are\r | |
| 185 | * given their hover state by applying opacity.\r | |
| 186 | */\r | |
| 187 | $tabbar-classic-scrollers: dynamic(false);\r | |
| 188 | \r | |
| 189 | /**\r | |
| 190 | * @var {boolean}\r | |
| 191 | * true to include separate scroller icons for "plain" tabbars\r | |
| 192 | */\r | |
| 193 | $tabbar-scroller-include-plain-icon: dynamic(false);\r | |
| 194 | \r | |
| 195 | /**\r | |
| 196 | * @var {boolean}\r | |
| 197 | * if true, the tabbar will use symmetrical scroller icons. Top and bottom tabbars\r | |
| 198 | * will share icons, and Left and right will share icons.\r | |
| 199 | */\r | |
| 200 | $tabbar-scroller-symmetrical-icons: dynamic(true);\r | |
| 201 | \r | |
| 202 | /**\r | |
| 203 | * @var {boolean}\r | |
| 204 | * True to include the "default" tabbar UI\r | |
| 205 | */\r | |
| 206 | $include-tabbar-default-ui: dynamic($include-default-uis);\r |