woocommerce/assets/css/menu.scss

203 lines
3.6 KiB
SCSS
Raw Normal View History

2014-11-18 12:52:00 +00:00
/**
* menu.scss
* Styles applied to dashboard menu items added via WooCommerce.
* Adds icons to top level menu items, etc.
*/
/**
* Imports
*/
@import 'mixins';
@import 'variables';
@import 'fonts';
2013-11-12 16:26:46 +00:00
/**
* Styling begins
*/
#adminmenu #toplevel_page_woocommerce .menu-icon-generic div.wp-menu-image::before {
2013-11-08 12:29:59 +00:00
font-family: 'WooCommerce' !important;
content: '\e03d';
2013-11-08 12:29:59 +00:00
}
2014-11-13 09:39:58 +00:00
#adminmenu #menu-posts-product .menu-icon-post div.wp-menu-image::before,
#adminmenu #menu-posts-product .menu-icon-product div.wp-menu-image::before {
2013-11-08 12:29:59 +00:00
font-family: 'WooCommerce' !important;
content: '\e006';
2013-11-08 12:29:59 +00:00
}
#adminmenu #toplevel_page_wc-reports .menu-icon-generic div.wp-menu-image::before {
font-family: 'WooCommerce' !important;
content: '\e023';
font-size: 1.3em !important;
}
2013-11-15 14:32:44 +00:00
span.mce_woocommerce_shortcodes_button {
2013-11-12 16:26:46 +00:00
background-image: none !important;
2014-09-22 17:35:48 +00:00
@include ir();
2014-11-13 09:39:58 +00:00
&::before {
@include icon( '\e01d' );
font-size: 0.9em;
2013-11-12 16:26:46 +00:00
line-height: 1.2;
}
}
2017-04-11 10:40:42 +00:00
#woocommerce-update {
.updating-message {
.wc_plugin_upgrade_notice {
display: none;
}
}
2017-07-17 18:35:14 +00:00
.dummy {
display: none;
}
.wc_plugin_upgrade_notice {
2017-04-11 10:40:42 +00:00
font-weight: normal;
2017-08-21 14:53:08 +00:00
background: #FFF8E5 !important;
border-left: 4px solid #FFB900;
border-top: 1px solid #FFB900;
padding: 9px 0 9px 12px !important;
margin: 0 -12px 0 -16px !important;
2014-11-13 09:39:58 +00:00
2017-07-17 18:30:21 +00:00
&::before {
content: '\f348';
display: inline-block;
font: 400 18px/1 dashicons;
2020-12-17 06:46:57 +00:00
speak: never;
2017-07-17 18:30:21 +00:00
margin: 0 8px 0 -2px;
vertical-align: top;
}
2017-07-14 19:44:16 +00:00
2017-07-17 18:30:21 +00:00
&.minor,
&.major {
2017-08-21 14:53:08 +00:00
padding: 20px 0 !important;
2017-07-14 19:44:16 +00:00
&::before {
2017-08-21 14:53:08 +00:00
display: none;
2017-07-17 18:30:21 +00:00
}
p {
2017-08-21 14:53:08 +00:00
padding: 0 20px;
2017-07-17 18:30:21 +00:00
margin: 0;
2017-08-21 14:53:08 +00:00
max-width: 700px;
line-height: 1.5em;
2017-07-17 18:30:21 +00:00
&::before {
content: '';
display: none;
}
2017-07-14 19:44:16 +00:00
}
2017-08-21 14:53:08 +00:00
table.plugin-details-table {
margin: .75em 0 0;
tr {
background: transparent none !important;
border: 0 !important;
}
th, td {
background: transparent none !important;
margin: 0;
padding: .75em 20px 0;
border: 0 !important;
font-size: 1em;
box-shadow: none;
}
th {
font-weight: bold;
}
2017-07-14 19:44:16 +00:00
}
2017-07-13 19:47:13 +00:00
}
}
2014-09-22 17:35:48 +00:00
}
2017-07-13 19:47:13 +00:00
#wc_untested_extensions_modal {
display: none;
}
2017-07-14 20:47:29 +00:00
.wc_untested_extensions_modal_container {
2017-08-08 16:12:50 +00:00
border-radius: 4px;
padding: 0;
2017-07-14 20:47:29 +00:00
#TB_closeAjaxWindow {
display: none;
}
2017-07-13 22:38:12 +00:00
2017-08-08 16:12:50 +00:00
#TB_title {
display: none;
}
2017-07-14 20:47:29 +00:00
#TB_ajaxContent {
height: 100% !important;
2017-08-08 16:12:50 +00:00
padding: 0;
margin: 0;
width: 100% !important;
2017-07-13 22:38:12 +00:00
2017-08-08 16:12:50 +00:00
p {
margin: 0 0 1em;
2017-07-13 22:38:12 +00:00
}
}
2017-07-14 20:47:29 +00:00
}
2017-07-13 22:38:12 +00:00
2017-07-14 20:47:29 +00:00
.wc_untested_extensions_modal--content {
h1 {
2017-08-08 16:12:50 +00:00
margin: 2px 2px 0.5em;
2017-08-21 14:53:08 +00:00
padding: .75em 1em;
line-height: 1.5em;
2017-08-08 16:12:50 +00:00
font-size: 2em;
2017-07-14 20:47:29 +00:00
border-bottom: 1px solid #eee;
2017-08-08 16:12:50 +00:00
color: #fff;
background: #96578A;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
text-shadow: none;
2017-07-13 22:38:12 +00:00
}
2017-08-08 16:12:50 +00:00
.extensions_warning {
padding: 0 2em;
2017-07-13 22:38:12 +00:00
}
2017-10-16 16:10:20 +00:00
.plugin-details-table-container {
max-height: 40vh;
overflow-y: auto;
}
2017-08-21 14:53:08 +00:00
table.plugin-details-table {
margin: 20px 0;
th, td {
background: transparent none !important;
margin: 0;
padding: .75em 20px 0;
border: 0 !important;
font-size: 1em;
box-shadow: none;
}
th {
2017-08-08 16:12:50 +00:00
font-weight: bold;
2017-08-21 14:53:08 +00:00
margin-top: 0;
2017-08-08 16:12:50 +00:00
}
2017-07-13 22:38:12 +00:00
}
2017-07-14 20:47:29 +00:00
.actions {
border-top: 1px solid #eee;
2017-08-08 16:12:50 +00:00
margin: 0;
padding: 1em 0 2em 0;
overflow: hidden;
2017-07-14 20:47:29 +00:00
.woocommerce-actions {
display: inline-block;
}
2017-07-13 22:38:12 +00:00
2017-08-08 16:12:50 +00:00
a.button-primary {
2017-07-14 20:47:29 +00:00
float: right;
2017-08-08 16:12:50 +00:00
background: #bb77ae;
border-color: #a36597;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
color: #fff;
text-shadow: 0 -1px 1px #a36597, 1px 0 1px #a36597, 0 1px 1px #a36597, -1px 0 1px #a36597;
2017-07-14 20:47:29 +00:00
2017-08-08 16:12:50 +00:00
&:hover, &:focus, &:active {
background: #a36597;
border-color: #a36597;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
}
2017-07-14 20:47:29 +00:00
}
2017-07-13 19:47:13 +00:00
}
}