menu.scss 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. /**
  2. * menu.scss
  3. * Styles applied to dashboard menu items added via WooCommerce.
  4. * Adds icons to top level menu items, etc.
  5. */
  6. /**
  7. * Imports
  8. */
  9. @import 'mixins';
  10. @import 'variables';
  11. @import 'fonts';
  12. /**
  13. * Styling begins
  14. */
  15. #adminmenu #toplevel_page_woocommerce .menu-icon-generic div.wp-menu-image::before {
  16. font-family: 'WooCommerce' !important;
  17. content: '\e03d';
  18. }
  19. #adminmenu #menu-posts-product .menu-icon-post div.wp-menu-image::before,
  20. #adminmenu #menu-posts-product .menu-icon-product div.wp-menu-image::before {
  21. font-family: 'WooCommerce' !important;
  22. content: '\e006';
  23. }
  24. #adminmenu #toplevel_page_wc-reports .menu-icon-generic div.wp-menu-image::before {
  25. font-family: 'WooCommerce' !important;
  26. content: '\e023';
  27. font-size: 1.3em !important;
  28. }
  29. span.mce_woocommerce_shortcodes_button {
  30. background-image: none !important;
  31. @include ir();
  32. &::before {
  33. @include icon( '\e01d' );
  34. font-size: 0.9em;
  35. line-height: 1.2;
  36. }
  37. }
  38. #woocommerce-update {
  39. .updating-message {
  40. .wc_plugin_upgrade_notice {
  41. display: none;
  42. }
  43. }
  44. .dummy {
  45. display: none;
  46. }
  47. .wc_plugin_upgrade_notice {
  48. font-weight: normal;
  49. background: #FFF8E5 !important;
  50. border-left: 4px solid #FFB900;
  51. border-top: 1px solid #FFB900;
  52. padding: 9px 0 9px 12px !important;
  53. margin: 0 -12px 0 -16px !important;
  54. &::before {
  55. content: '\f348';
  56. display: inline-block;
  57. font: 400 18px/1 dashicons;
  58. speak: none;
  59. margin: 0 8px 0 -2px;
  60. vertical-align: top;
  61. }
  62. &.minor,
  63. &.major {
  64. padding: 20px 0 !important;
  65. &::before {
  66. display: none;
  67. }
  68. p {
  69. padding: 0 20px;
  70. margin: 0;
  71. max-width: 700px;
  72. line-height: 1.5em;
  73. &::before {
  74. content: '';
  75. display: none;
  76. }
  77. }
  78. table.plugin-details-table {
  79. margin: .75em 0 0;
  80. tr {
  81. background: transparent none !important;
  82. border: 0 !important;
  83. }
  84. th, td {
  85. background: transparent none !important;
  86. margin: 0;
  87. padding: .75em 20px 0;
  88. border: 0 !important;
  89. font-size: 1em;
  90. box-shadow: none;
  91. }
  92. th {
  93. font-weight: bold;
  94. }
  95. }
  96. }
  97. }
  98. }
  99. #wc_untested_extensions_modal {
  100. display: none;
  101. }
  102. .wc_untested_extensions_modal_container {
  103. border-radius: 4px;
  104. padding: 0;
  105. #TB_closeAjaxWindow {
  106. display: none;
  107. }
  108. #TB_title {
  109. display: none;
  110. }
  111. #TB_ajaxContent {
  112. height: 100% !important;
  113. padding: 0;
  114. margin: 0;
  115. width: 100% !important;
  116. p {
  117. margin: 0 0 1em;
  118. }
  119. }
  120. }
  121. .wc_untested_extensions_modal--content {
  122. h1 {
  123. margin: 2px 2px 0.5em;
  124. padding: .75em 1em;
  125. line-height: 1.5em;
  126. font-size: 2em;
  127. border-bottom: 1px solid #eee;
  128. color: #fff;
  129. background: #96578A;
  130. border-top-left-radius: 4px;
  131. border-top-right-radius: 4px;
  132. text-shadow: none;
  133. }
  134. .extensions_warning {
  135. padding: 0 2em;
  136. }
  137. .plugin-details-table-container {
  138. max-height: 40vh;
  139. overflow-y: auto;
  140. }
  141. table.plugin-details-table {
  142. margin: 20px 0;
  143. th, td {
  144. background: transparent none !important;
  145. margin: 0;
  146. padding: .75em 20px 0;
  147. border: 0 !important;
  148. font-size: 1em;
  149. box-shadow: none;
  150. }
  151. th {
  152. font-weight: bold;
  153. margin-top: 0;
  154. }
  155. }
  156. .actions {
  157. border-top: 1px solid #eee;
  158. margin: 0;
  159. padding: 1em 0 2em 0;
  160. overflow: hidden;
  161. .woocommerce-actions {
  162. display: inline-block;
  163. }
  164. a.button-primary {
  165. float: right;
  166. background: #bb77ae;
  167. border-color: #a36597;
  168. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
  169. color: #fff;
  170. text-shadow: 0 -1px 1px #a36597, 1px 0 1px #a36597, 0 1px 1px #a36597, -1px 0 1px #a36597;
  171. &:hover, &:focus, &:active {
  172. background: #a36597;
  173. border-color: #a36597;
  174. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
  175. }
  176. }
  177. }
  178. }