|
60 | 60 | <div class="k-child-animation-container"> |
61 | 61 | <div class="k-menu-popup k-popup"> |
62 | 62 | <ul class="k-menu-group k-menu-group-md"> |
63 | | - <li class="k-menu-item k-item k-disabled"> |
| 63 | + <li class="k-menu-item k-item k-disabled k-first"> |
64 | 64 | <span class="k-link k-menu-link k-disabled"> |
65 | 65 | <span class="k-menu-link-text">Disabled</span> |
66 | 66 | </span> |
|
99 | 99 | <span class="k-menu-link-text">Focus</span> |
100 | 100 | </span> |
101 | 101 | </li> |
102 | | - <li class="k-menu-item k-item k-focus"> |
| 102 | + <li class="k-menu-item k-item k-focus k-last"> |
103 | 103 | <span class="k-link k-menu-link k-active"> |
104 | 104 | <span class="k-menu-link-text">Focus & Active</span> |
105 | 105 | </span> |
|
127 | 127 | </ul> |
128 | 128 | </section> |
129 | 129 | <section> |
130 | | - <div class="k-menu-scroll-wrapper horizontal" style="width: 300px;"> |
| 130 | + <div class="k-menu-scroll-wrapper" style="width: 300px;"> |
131 | 131 | <ul id="menu" class="k-reset k-menu k-menu-horizontal k-header"> |
132 | 132 | <li class="k-menu-item k-item k-first"> |
133 | 133 | <span class="k-link k-menu-link"> |
|
137 | 137 | <li class="k-menu-item k-item"> |
138 | 138 | <span class="k-link k-menu-link"> |
139 | 139 | <span class="k-menu-link-text">Item 2</span> |
| 140 | + <span class="k-menu-expand-arrow"> |
| 141 | + <span class="k-icon k-svg-icon k-svg-i-caret-alt-down"> |
| 142 | + <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> |
| 143 | + <path d="M256 352 128 160h256z"></path> |
| 144 | + </svg> |
| 145 | + </span> |
| 146 | + </span> |
140 | 147 | </span> |
141 | 148 | </li> |
142 | 149 | <li class="k-menu-item k-item"> |
143 | 150 | <span class="k-link k-menu-link"> |
144 | 151 | <span class="k-menu-link-text">Item 3</span> |
| 152 | + <span class="k-menu-expand-arrow"> |
| 153 | + <span class="k-icon k-svg-icon k-svg-i-caret-alt-down"> |
| 154 | + <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> |
| 155 | + <path d="M256 352 128 160h256z"></path> |
| 156 | + </svg> |
| 157 | + </span> |
| 158 | + </span> |
145 | 159 | </span> |
146 | 160 | </li> |
147 | 161 | <li class="k-menu-item k-item"> |
|
154 | 168 | <span class="k-menu-link-text">Item 5</span> |
155 | 169 | </span> |
156 | 170 | </li> |
157 | | - <li class="k-menu-item k-item k-last"> |
158 | | - <span class="k-link k-menu-link"> |
159 | | - <span class="k-menu-link-text">Item 6</span> |
160 | | - </span> |
161 | | - </li> |
162 | 171 | </ul> |
163 | 172 | <button class="k-menu-scroll-button k-scroll-left k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button"> |
164 | 173 | <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-left"> |
|
217 | 226 | <div class="k-child-animation-container"> |
218 | 227 | <div class="k-menu-popup k-popup"> |
219 | 228 | <ul class="k-menu-group k-menu-group-md"> |
220 | | - <li class="k-menu-item k-item k-disabled"> |
| 229 | + <li class="k-menu-item k-item k-disabled k-first"> |
221 | 230 | <span class="k-link k-menu-link k-disabled"> |
222 | 231 | <span class="k-menu-link-text">Disabled</span> |
223 | 232 | </span> |
|
256 | 265 | <span class="k-menu-link-text">Focus</span> |
257 | 266 | </span> |
258 | 267 | </li> |
259 | | - <li class="k-menu-item k-item k-focus"> |
| 268 | + <li class="k-menu-item k-item k-focus k-last"> |
260 | 269 | <span class="k-link k-menu-link k-active"> |
261 | 270 | <span class="k-menu-link-text">Focus & Active</span> |
262 | 271 | </span> |
|
0 commit comments