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

css: refactor notice box css.

Browse Source 
* Remove .ui-corner-all, .ui-state-highlight, .ui-state-error classes
  from notice boxes.
* Use .notice, .notice-info, .notice-error classes instead.
* Replace <p> elements in notices with <div>'s so that we don't have to
  work around the `margin-bottom: 1em` from <p> elements.
* Replace <h1> elements in notices with <h2>.
* Standardize info notices to use the same shade of light yellow in the
  light theme.
This commit is contained in:
evazion
2019-09-22 14:10:18 -05:00
parent 6b2e6fa3f4
commit e98db8a5b8
14 changed files with 67 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -232,12 +232,10 @@ div#c-posts {
}
.post-notice {
font-size: 0.8em;
margin: 0.5em 0;
padding: 0.5em;
margin-bottom: 0.5em;
overflow: hidden;
border: var(--post-notice-border);
border-radius: 3px;
ul.post-flag-reasons, ul.post-appeal-reasons {
list-style: inside;
@@ -260,7 +258,7 @@ div#c-posts {
&.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; }
&.post-notice-search { background: var(--post-search-notice-background); }
}
aside#sidebar #tag-list h2 {

10
app/javascript/src/styles/specific/wiki_pages.scss
View File

@@ -1,13 +1,3 @@
div#c-wiki-pages {
#a-new {
div.notice {
font-size: 0.8em;
padding: 1em;
margin: 1em 0;
}
}
}
.wiki-other-name {
background-color: var(--wiki-page-other-name-background-color);
padding: 3px;