jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

css: standardize post notice css.

Browse Source 
* Standardize post notice background colors.
* Replace .ui-state-highlight and .ui-corner-all classes with .post-notice.
* Rename post notice classes (e.g. .notice-parent -> .post-notice-parent).
* Remove hover effect from sequential search navbar.
This commit is contained in:
evazion
2019-09-17 00:28:41 -05:00
parent e91e68c206
commit 9c96557be8
4 changed files with 28 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/javascript/src/styles/base/040_colors.css
View File

@@ -83,24 +83,16 @@
--wiki-page-versions-diff-ins-background: #CFC;
--wiki-page-versions-version-color: #AAA;
--post-parent-notice-border-color: #C0FCC0;
--post-parent-notice-background: #D8FCD9;
--post-child-notice-border-color: #FCFCC0;
--post-child-notice-background: #FBFCD8;
--post-pending-notice-border-color: #C0C0FC;
--post-notice-border: 1px solid #DDD;
--post-parent-notice-background: var(--warning-background-color);
--post-child-notice-background: var(--success-background-color);
--post-pending-notice-background: #D8D8FC;
--post-flagged-notice-border-color: #FCC0C0;
--post-flagged-notice-background: #FCD9D8;
--post-deleted-notice-border-color: #FF8C8C;
--post-deleted-notice-background: #FFA7A5;
--post-appealed-notice-border-color: #C0ECFC;
--post-flagged-notice-background: var(--error-background-color);
--post-banned-notice-background: var(--error-background-color);
--post-deleted-notice-background: var(--error-background-color);
--post-appealed-notice-background: #D8F2FC;
--post-resized-notice-border-color: #E4C0FC;
--post-resized-notice-background: #EED8FC;
--post-nav-notice-background: #EEE;
--post-nav-notice-border: 1px solid #AAA;
--post-seq-nav-hover-background: rgb(250, 250, 250);
--post-search-notice-background: #EEE;
--post-artist-commentary-container-background: #F8F8F8;
--post-artist-commentary-container-border: 1px solid #CCC;

72
app/javascript/src/styles/specific/posts.scss
View File

@@ -231,72 +231,28 @@ div#c-posts {
overflow: hidden;
}
div.notice {
.post-notice {
font-size: 0.8em;
padding: 0.5em;
margin-bottom: 0.5em;
overflow: hidden;
ul {
margin-left: 1em;
}
p {
margin: 0;
}
border: var(--post-notice-border);
border-radius: 3px;
.resolved {
margin-left: 0.5em;
font-weight: bold;
}
&.notice-parent {
border-color: var(--post-parent-notice-border-color);
background: var(--post-parent-notice-background);
}
&.notice-child {
border-color: var(--post-child-notice-border-color);
background: var(--post-child-notice-background);
}
&.notice-pending {
border-color: var(--post-pending-notice-border-color);
background: var(--post-pending-notice-background);
}
&.notice-flagged {
border-color: var(--post-flagged-notice-border-color);
background: var(--post-flagged-notice-background);
}
&.notice-deleted {
border-color: var(--post-deleted-notice-border-color);
background: var(--post-deleted-notice-background);
}
&.notice-appealed {
border-color: var(--post-appealed-notice-border-color);
background: var(--post-appealed-notice-background);
}
&.notice-resized {
border-color: var(--post-resized-notice-border-color);
background: var(--post-resized-notice-background);
}
}
div.nav-notice {
padding: 0.5em;
margin: 1em 0;
background: var(--post-nav-notice-background);
border: var(--post-nav-notice-border);
position: relative;
p {
margin: 0;
text-align: center;
}
&.post-notice-parent { background: var(--post-parent-notice-background); }
&.post-notice-child { background: var(--post-child-notice-background); }
&.post-notice-pending { background: var(--post-pending-notice-background); }
&.post-notice-flagged { background: var(--post-flagged-notice-background); }
&.post-notice-banned { background: var(--post-banned-notice-background); }
&.post-notice-deleted { background: var(--post-deleted-notice-background); }
&.post-notice-appealed { background: var(--post-appealed-notice-background); }
&.post-notice-resized { background: var(--post-resized-notice-background); }
&.post-notice-search { background: var(--post-search-notice-background); font-size: 1em; }
}
aside#sidebar #tag-list h2 {
@@ -414,10 +370,6 @@ div#c-posts {
right: 0.5em;
top: 0;
}
&:hover {
background: var(--post-seq-nav-hover-background);
}
}
}