abuyoyo/notice-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

SCSS - notice-manager.scss - convert to scss format

Browse Source
This commit is contained in:
abuyoyo 2022-07-27 03:34:42 +03:00
parent 242dcdee2b
commit 6a96430da9
1 changed files with 39 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
scss/notice-manager.scss
View File

@ -1,59 +1,51 @@
:not(.wrap) ~ div.updated, div.updated,
:not(.wrap) ~ div.error, div.error,
:not(.wrap) ~ div.notice, div.update-nag {
:not(.wrap) ~ div.update-nag{ @extend div.notice;
margin: 5px 20px 15px 2px;
} }
div.notice {
:not(.wrap) ~ & {
margin: 5px 20px 15px 2px;
}
// This should only be used if auto-collect/above-title is enabled
// classes .notices-auto-collect, .notices-above-title added to body tag by plugin
.notices-auto-collect #wpbody-content > &,
.notices-auto-collect .wrap > &,
.notices-above-title .wrap > & {
display: none;
}
}
#meta-link-notices-wrap { #meta-link-notices-wrap {
margin: 0; margin: 0;
/* padding: 8px 20px 12px; */ // padding: 8px 20px 12px;
position: relative; position: relative;
> button.notice-dismiss {
position: relative;
display: flex;
width: 100%;
}
} }
#meta-link-notices-wrap > button.notice-dismiss { .notice_container {
position: relative;
display: flex;
width: 100%;
}
.notice_container{
padding: 9px 0px 1px 0px; padding: 9px 0px 1px 0px;
background-color: gainsboro; background-color: gainsboro;
}
.notice_container.empty{ &.empty {
padding: 0; padding: 0;
} }
.notice_container > div.updated, > div.notice {
.notice_container > div.error, margin: 5px 12px 15px 12px !important; // Override plugins custom css
.notice_container > div.notice, }
.notice_container > div.update-nag{
margin: 5px 12px 15px 12px !important; /* Override plugins custom css */
}
/* This should only be used if auto-collect/above-title is enabled */
.notices-auto-collect #wpbody-content > div.updated,
.notices-auto-collect #wpbody-content > div.error,
.notices-auto-collect #wpbody-content > div.notice,
.notices-auto-collect #wpbody-content > div.update-nag,
.notices-auto-collect .wrap > div.updated,
.notices-auto-collect .wrap > div.error,
.notices-auto-collect .wrap > div.notice,
.notices-auto-collect .wrap > div.update-nag,
.notices-above-title .wrap > div.updated,
.notices-above-title .wrap > div.error,
.notices-above-title .wrap > div.notice,
.notices-above-title .wrap > div.update-nag{
display: none;
} }
#meta-link-notices .plugin-count { #meta-link-notices .plugin-count {
display: inline-block; display: inline-block;
/* vertical-align: top; */ // vertical-align: top;
box-sizing: border-box; box-sizing: border-box;
margin: 1px 0 -1px 2px; margin: 1px 0 -1px 2px;
padding: 0 5px; padding: 0 5px;
@ -66,12 +58,13 @@
line-height: 1.6; line-height: 1.6;
text-align: center; text-align: center;
z-index: 26; z-index: 26;
&.warning {
background-color: #dba617;
}
&.error {
background-color: #d63638;
}
} }
#meta-link-notices .plugin-count.warning {
background-color: #dba617;
}
#meta-link-notices .plugin-count.error {
background-color: #d63638;
}