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

Migrate assets to use Webpacker

Browse Source
This commit is contained in:
Albert Yi
2018-07-06 16:41:08 -07:00
parent 95b72f5f5c
commit 6fa0ae2cf1
175 changed files with 11518 additions and 3726 deletions
Download Patch File Download Diff File Expand all files Collapse all files

550
app/javascript/src/styles/specific/posts.scss Normal file
View File

@@ -0,0 +1,550 @@
@import "../common/000_vars.scss";
article.post-preview {
height: 154px;
width: 154px;
margin: 0 10px 10px 0;
overflow: hidden;
text-align: center;
@include inline-block;
position: relative;
a {
@include inline-block;
}
&.pooled {
height: 214px;
}
.desc {
font-size: 80%;
}
img {
margin: auto;
}
&[data-tags~=animated]:before, &[data-file-ext=swf]:before, &[data-file-ext=webm]:before, &[data-file-ext=mp4]:before, &[data-file-ext=zip]:before {
@include animated-icon;
}
&[data-has-sound=true]:before {
@include sound-icon;
}
}
#iqdb-similar {
overflow: hidden;
.post-preview {
height: auto;
margin-bottom: 0;
}
p {
margin-bottom: 0;
}
}
#saved-searches-nav {
margin-top: 1em;
}
a.blacklisted-active {
text-decoration: line-through;
}
.post-preview.blacklisted-active, #image-container.blacklisted-active {
display: none;
}
#excerpt p.links {
margin-top: 1em;
}
#image-container p.desc {
font-size: 80%;
color: grey;
font-style: italic;
}
#open-edit-dialog {
padding: 0;
}
#edit-dialog textarea {
margin-bottom: 0.25em;
}
.post-preview {
img {
border: 2px solid transparent;
}
&.post-status-has-children img {
border-color: $preview_has_children_color;
}
&.post-status-has-parent img {
border-color: $preview_has_parent_color;
}
&.post-status-has-children.post-status-has-parent img {
border-color: $preview_has_children_color $preview_has_parent_color $preview_has_parent_color $preview_has_children_color;
}
&.post-status-deleted img {
border-color: $preview_deleted_color;
}
&.post-status-has-children.post-status-deleted img {
border-color: $preview_has_children_color $preview_deleted_color $preview_deleted_color $preview_has_children_color;
}
&.post-status-has-parent.post-status-deleted img {
border-color: $preview_has_parent_color $preview_deleted_color $preview_deleted_color $preview_has_parent_color;
}
&.post-status-has-children.post-status-has-parent.post-status-deleted img {
border-color: $preview_has_children_color $preview_deleted_color $preview_deleted_color $preview_has_parent_color;
}
/* Pending and flagged posts have blue borders (except in the modqueue). */
&.post-status-pending:not(.mod-queue-preview) img,
&.post-status-flagged:not(.mod-queue-preview) img {
border-color: $preview_pending_color;
}
&.post-status-has-children.post-status-pending:not(.mod-queue-preview) img,
&.post-status-has-children.post-status-flagged:not(.mod-queue-preview) img {
border-color: $preview_has_children_color $preview_pending_color $preview_pending_color $preview_has_children_color;
}
&.post-status-has-parent.post-status-pending:not(.mod-queue-preview) img,
&.post-status-has-parent.post-status-flagged:not(.mod-queue-preview) img {
border-color: $preview_has_parent_color $preview_pending_color $preview_pending_color $preview_has_parent_color;
}
&.post-status-has-children.post-status-has-parent.post-status-pending:not(.mod-queue-preview) img,
&.post-status-has-children.post-status-has-parent.post-status-flagged:not(.mod-queue-preview) img {
border-color: $preview_has_children_color $preview_pending_color $preview_pending_color $preview_has_parent_color;
}
}
/* Flagged posts have red borders for approvers. */
body[data-user-can-approve-posts="true"] .post-preview {
&.post-status-flagged img {
border-color: $preview_flagged_color;
}
&.post-status-has-children.post-status-flagged img {
border-color: $preview_has_children_color $preview_flagged_color $preview_flagged_color $preview_has_children_color;
}
&.post-status-has-parent.post-status-flagged img {
border-color: $preview_has_parent_color $preview_flagged_color $preview_flagged_color $preview_has_parent_color;
}
&.post-status-has-children.post-status-has-parent.post-status-flagged img {
border-color: $preview_has_children_color $preview_flagged_color $preview_flagged_color $preview_has_parent_color;
}
}
.post-preview.current-post {
background-color: rgba(0,0,0,0.1);
}
#has-parent-relationship-preview, #has-children-relationship-preview {
overflow-x: auto;
white-space: nowrap;
article.post-preview {
width: auto;
border: none;
margin: 0;
padding: 5px 5px 10px;
}
}
.post-count {
color: #CCC;
margin-left: 0.2em;
}
.low-post-count {
color: red;
}
div#c-posts {
.fav-buttons {
font-size: 14pt;
text-align: center;
margin: 0.5em 0;
input[type=submit] {
padding: 0.2em 0.75em;
}
}
#ugoira-controls {
div#seek-slider {
margin-top: 0.5em;
float: right;
overflow: visible;
background: #EEE;
.ui-progressbar-value {
background: white;
}
}
#save-video-link {
margin: 0.5em 0;
}
button {
margin-top: 0.3em;
}
#ugoira-load-progress {
display: inline;
margin-left: 17px;
}
}
.outer-recent-searches {
overflow: hidden;
}
div.notice {
font-size: 0.8em;
padding: 0.5em;
margin-bottom: 0.5em;
overflow: hidden;
ul {
margin-left: 1em;
}
p {
margin: 0;
}
.resolved {
margin-left: 0.5em;
font-weight: bold;
}
&.notice-parent {
border-color: #C0FCC0;
background: #D8FCD9;
}
&.notice-child {
border-color: #FCFCC0;
background: #FBFCD8;
}
&.notice-pending {
border-color: #C0C0FC;
background: #D8D8FC;
}
&.notice-flagged {
border-color: #FCC0C0;
background: #FCD9D8;
}
&.notice-deleted {
border-color: #FF8C8C;
background: #FFA7A5;
}
&.notice-appealed {
border-color: #C0ECFC;
background: #D8F2FC;
}
&.notice-resized {
border-color: #E4C0FC;
background: #EED8FC;
}
}
div.nav-notice {
padding: 0.5em;
margin: 1em 0;
background: #EEE;
border: 1px solid #AAA;
position: relative;
p {
margin: 0;
text-align: center;
}
}
aside#sidebar #tag-list h2 {
font-size: $h4_size;
}
aside#sidebar > section > ul {
margin-bottom: 1em;
}
aside#sidebar > section > ul li {
list-style-type: none;
}
aside#sidebar > section > ul ul li {
margin-left: 1em;
}
div#a-index {
menu#post-sections {
margin-bottom: 0.5em;
font-size: $h3_size;
li {
padding: 0 1em 0.5em 0;
&.active {
font-weight: bold;
}
}
}
}
div#a-show {
.active {
font-weight: bold;
}
.recommended-posts {
margin-top: 1em;
}
#add-fav-button, #remove-fav-button {
margin-top: 1em;
}
menu#post-sections {
margin: 0;
font-size: $h3_size;
li {
padding: 0 1em 0 0;
}
div.share a {
margin: 0;
}
}
div.notices {
margin: 1em 0;
}
section {
margin-top: 1em;
}
span.quick-mod {
float: right;
}
.pool-name, .search-name {
word-wrap: break-word;
}
textarea {
margin-bottom: 0.25em;
}
#favlist {
margin-left: 1em;
word-wrap: break-word;
}
#search-seq-nav + #pool-nav, #search-seq-nav + #favgroup-nav, #pool-nav + #favgroup-nav {
margin-top: 0.5em;
}
#pool-nav, #search-seq-nav, #favgroup-nav {
li {
position: relative;
text-align: center;
padding: 0 5.5em;
.prev {
position: absolute;
left: 2em;
top: 0;
}
.next {
position: absolute;
right: 2em;
top: 0;
}
.first {
position: absolute;
left: 0.5em;
top: 0;
}
.last {
position: absolute;
right: 0.5em;
top: 0;
}
&:hover {
background: rgb(250, 250, 250);
}
}
}
span.close-button {
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
}
div.comments-for-post {
width:100%
}
#artist-commentary {
border: 1px solid #CCC;
border-radius: 8px;
background-color: #F8F8F8;
margin-top: 1em;
padding: 0.5em;
#original-artist-commentary, #translated-artist-commentary {
max-height: 20em;
overflow-y: auto;
}
.disabled {
color: gray;
}
}
}
div#quick-edit-div {
textarea {
width: 70%;
height: 4em;
display: block;
}
}
}
div#c-post-versions, div#c-artist-versions {
div#a-index {
a {
word-wrap: break-word
}
}
}
div#c-posts, div#c-uploads {
/* Fetch source data box */
div#source-info {
border-radius: 4px;
margin: 1em 0;
padding: 1em;
border: 1px solid #666;
p {
margin: 0;
}
> ul {
display: none;
.source-tags {
a {
margin-right: 1em;
}
}
}
}
}
div#c-explore-posts {
a.desc {
font-weight: bold;
margin: 0 0.5em;
}
#popular-nav-links {
text-align: center;
}
.period {
margin: 0 5em;
&:first-child {
margin-left: 0;
}
}
}
.inline-blacklist {
#blacklist-box {
margin-bottom: 1em;
}
#blacklist-list {
display: inline;
}
#blacklist-list li {
display: inline;
margin-right: 1em;
a {
color: $link_color;
cursor: pointer;
}
span.count {
color: #AAA;
margin-left: 0;
}
}
}
div#unapprove-dialog {
p {
margin-bottom: 1em;
}
}
textarea[data-autocomplete="tag-edit"] {
font-family: monospace;
}
#add-commentary-dialog {
input {
width: 70%;
}
input[type=checkbox] {
width: auto;
}
textarea {
font-size: 1em;
width: 100%;
}
}