/ext-4.1.0_b3/resources/themes/stylesheets/neptune/default/widgets/_menu.scss

https://bitbucket.org/srogerf/javascript · Sass · 227 lines · 167 code · 33 blank · 27 comment · 0 complexity · 36cf0ad9a96ea29446b1a93ed5c53e7a MD5 · raw file

  1. /**
  2. * @class Ext.menu.*
  3. */
  4. @mixin extjs-menu {
  5. .#{$prefix}menu {
  6. // @include box-shadow(#CACAC9 0 0 4px);
  7. @include border-top-right-radius(4px);
  8. @include border-bottom-right-radius(4px);
  9. @include border-bottom-left-radius(4px);
  10. background: $menu-background-color !important;
  11. // padding: $menu-padding;
  12. // border: 1px solid #fff;
  13. // border-top: 0;
  14. &.x-panel {
  15. // background: transparent;
  16. }
  17. .#{$prefix}menu-body {
  18. @extend .no-select;
  19. }
  20. }
  21. .#{$prefix}menu-item .#{$prefix}form-text {
  22. user-select: text;
  23. -webkit-user-select: text;
  24. -o-user-select: text;
  25. -ie-user-select: text;
  26. -moz-user-select: text;
  27. -ie-user-select: text;
  28. }
  29. .#{$prefix}menu-icon-separator {
  30. position: absolute;
  31. top: 0px;
  32. left: $menu-item-indent;
  33. z-index: 0;
  34. // border-left: solid 1px $menu-separator-border-color;
  35. // background-color: $menu-separator-background-color;
  36. width: 2px;
  37. height: 100%!important;
  38. overflow: hidden;
  39. }
  40. .#{$prefix}menu-plain {
  41. .#{$prefix}menu-icon-separator {
  42. display: none;
  43. }
  44. }
  45. .#{$prefix}menu-focus {
  46. display: block;
  47. position: absolute;
  48. top: -10px;
  49. left: -10px;
  50. width: 0px;
  51. height: 0px;
  52. }
  53. .#{$prefix}menu-item {
  54. white-space: nowrap;
  55. overflow: hidden;
  56. z-index: 1;
  57. &:last-child {
  58. // background:red;
  59. //// .#{$prefix}menu-item-link {
  60. //// @include border-top-right-radius(4px);
  61. //// }
  62. // }
  63. .x-menu-item-link {
  64. @include border-bottom-radius(4px);
  65. }
  66. }
  67. }
  68. .#{$prefix}menu-item-cmp {
  69. margin-bottom: 1px;
  70. }
  71. .#{$prefix}menu-item-link {
  72. display: block;
  73. // margin: 1px;
  74. padding: $menu-link-padding;
  75. text-decoration: none !important;
  76. line-height: 16px;
  77. cursor: default;
  78. }
  79. @if $include-opera {
  80. .#{$prefix}opera {
  81. // Opera 10.5 absolute positioning of submenu arrow has issues
  82. // This will fix it, and not affect newer Operas
  83. .#{$prefix}menu-item-link {
  84. position: relative;
  85. }
  86. }
  87. }
  88. .#{$prefix}menu-item-icon {
  89. width: 16px;
  90. height: 16px;
  91. position: absolute;
  92. top: 5px;
  93. left: 4px;
  94. background: no-repeat center center;
  95. }
  96. .#{$prefix}menu-item-text {
  97. font-size: ceil($font-size * .9);
  98. color: $menu-text-color;
  99. font-weight:bold;
  100. }
  101. .#{$prefix}menu-item-checked {
  102. .#{$prefix}menu-item-icon {
  103. background-image: theme-background-image($theme-name, $menu-icon-checked);
  104. }
  105. .#{$prefix}menu-group-icon {
  106. background-image: theme-background-image($theme-name, $menu-icon-group-checked);
  107. }
  108. }
  109. .#{$prefix}menu-item-unchecked {
  110. .#{$prefix}menu-item-icon {
  111. background-image: theme-background-image($theme-name, $menu-icon-unchecked);
  112. }
  113. .#{$prefix}menu-group-icon {
  114. background-image: none;
  115. }
  116. }
  117. .#{$prefix}menu-item-separator {
  118. height: 2px;
  119. // border-top: solid 1px $menu-separator-border-color;
  120. background-color: $menu-separator-background-color;
  121. // margin: $menu-padding 0px;
  122. overflow: hidden;
  123. }
  124. .#{$prefix}menu-item-arrow {
  125. position: absolute;
  126. width: 12px;
  127. height: 9px;
  128. top: 9px;
  129. right: 0px;
  130. background: no-repeat center center;
  131. background-image: theme-background-image($theme-name, $menu-icon-arrow);
  132. }
  133. .#{$prefix}menu-item-indent {
  134. // margin-left: $menu-item-indent + $menu-padding + 2px; /* The 2px is the width of the seperator */
  135. }
  136. .#{$prefix}menu-item-active {
  137. cursor: pointer;
  138. .#{$prefix}menu-item-link {
  139. // @include background-gradient($menu-item-active-background-color, $base-gradient);
  140. background: $menu-item-active-background-color;
  141. margin: 0px;
  142. // border: 1px solid $menu-item-active-border-color;
  143. cursor: pointer;
  144. // @include border-radius(2px);
  145. // @todo ie6ify
  146. // @include box-shadow(rgba(#000, .4) 0 1px 3px);
  147. }
  148. .#{$prefix}menu-item-text {
  149. color: $menu-item-active-color;
  150. }
  151. }
  152. .#{$prefix}menu-item-disabled {
  153. @include opacity(.5);
  154. }
  155. @if $include-ie {
  156. .#{$prefix}ie {
  157. .#{$prefix}menu-item-disabled {
  158. .#{$prefix}menu-item-icon {
  159. @include opacity(.5);
  160. }
  161. .#{$prefix}menu-item-text {
  162. // IE opacity/cleartype bug workaround
  163. background-color: transparent;
  164. }
  165. }
  166. .#{$prefix}strict .#{$prefix}ie7m & {
  167. .#{$prefix}menu-icon-separator {
  168. width: 1px;
  169. }
  170. .#{$prefix}menu-item-separator {
  171. height: 1px;
  172. }
  173. }
  174. }
  175. .#{$prefix}ie6,
  176. .#{$prefix}ie7,
  177. .#{$prefix}quirks .#{$prefix}ie8 {
  178. .#{$prefix}menu-item-link {
  179. padding-bottom: $menu-padding;
  180. }
  181. }
  182. }
  183. @if not $supports-gradients or $compile-all {
  184. .#{$prefix}nlg {
  185. .#{$prefix}menu-item-active .#{$prefix}menu-item-link {
  186. background: $menu-item-active-background-color repeat-x left top;
  187. background-image: theme-background-image($theme-name, $menu-item-active-background-image);
  188. }
  189. }
  190. }
  191. .#{$prefix}menu-date-item {
  192. border-color: #99BBE8;
  193. }
  194. }