add species tags to stylesheets, require ratings to come first

This commit is contained in:
byte[] 2019-11-11 18:58:45 -05:00
parent 657c038854
commit b39baecd4f
5 changed files with 18 additions and 7 deletions

View file

@ -138,6 +138,8 @@ $tag_category_content_official_background: lighten($tag_category_content_officia
$tag_category_content_official_border: lighten($tag_category_content_official_color, 18%) !default;
$tag_category_content_fanmade_background: lighten($tag_category_content_fanmade_color, 36%) !default;
$tag_category_content_fanmade_border: lighten($tag_category_content_fanmade_color, 18%) !default;
$tag_category_species_background: lighten($tag_category_species_color, 44%) !default;
$tag_category_species_border: lighten($tag_category_species_color, 25%) !default;
$commission_category_background: saturate(lighten($commission_category_color, 40%), 12%) !default;
$commission_category_border: lighten($commission_category_color, 20%) !default;

View file

@ -126,6 +126,8 @@ $tag_category_content_official_background: desaturate(darken($tag_category_conte
$tag_category_content_official_border: darken($tag_category_content_official_color, 20%) !default;
$tag_category_content_fanmade_background: darken($tag_category_content_fanmade_color, 40%) !default;
$tag_category_content_fanmade_border: desaturate(darken($tag_category_content_fanmade_color, 20%), 10%) !default;
$tag_category_species_background: darken($tag_category_species_color, 35%) !default;
$tag_category_species_border: desaturate(darken($tag_category_species_color, 20%), 10%) !default;
$commission_category_background: darken($commission_category_color, 36%) !default;
$commission_category_border: darken($commission_category_color, 25%) !default;

View file

@ -129,6 +129,8 @@ $tag_category_content_official_background: desaturate(darken($tag_category_conte
$tag_category_content_official_border: darken($tag_category_content_official_color, 20%) !default;
$tag_category_content_fanmade_background: darken($tag_category_content_fanmade_color, 40%) !default;
$tag_category_content_fanmade_border: desaturate(darken($tag_category_content_fanmade_color, 20%), 10%) !default;
$tag_category_species_background: darken($tag_category_species_color, 40%) !default;
$tag_category_species_border: desaturate(darken($tag_category_species_color, 20%), 10%) !default;
$commission_category_background: darken($commission_category_color, 36%) !default;
$commission_category_border: darken($commission_category_color, 25%) !default;

View file

@ -123,6 +123,11 @@
border-color: $tag_category_content_fanmade_border;
color: $tag_category_content_fanmade_color;
}
&[data-tag-category="species"] {
background: $tag_category_species_background;
border-color: $tag_category_species_border;
color: $tag_category_species_color;
}
}
// Quick Tag Table

View file

@ -68,14 +68,14 @@ defmodule PhilomenaWeb.ImageView do
def display_order(tags) do
tags
|> Enum.sort_by(&{
&1.category != "spoiler",
&1.category != "content-official",
&1.category != "content-fanmade",
&1.category != "species",
&1.category != "oc",
&1.category != "character",
&1.category != "origin",
&1.category != "rating",
&1.category != "origin",
&1.category != "character",
&1.category != "oc",
&1.category != "species",
&1.category != "content-fanmade",
&1.category != "content-official",
&1.category != "spoiler",
&1.name
})
end