diff --git a/app/javascript/src/styles/base/000_vars.scss b/app/javascript/src/styles/base/000_vars.scss index af4897f49..78a4c20bb 100644 --- a/app/javascript/src/styles/base/000_vars.scss +++ b/app/javascript/src/styles/base/000_vars.scss @@ -1,13 +1,11 @@ -$h1_size: 2em; -$h2_size: 1.5em; -$h3_size: 1.16667em; -$h4_size: 1em; -$dtext_h1_size: 2em; -$dtext_h2_size: 1.8em; -$dtext_h3_size: 1.6em; -$dtext_h4_size: 1.4em; -$dtext_h5_size: 1.2em; -$dtext_h6_size: 1em; +:root { + --text-sm: 0.9em; + --text-md: 1em; + --text-lg: 1.16667em; + --text-xl: 1.5em; + --text-xxl: 2em; +} + $h1_padding: 0.8em 0 0.25em 0; $h2_padding: 0.8em 0 0.25em 0; $h3_padding: 0.8em 0 0.25em 0; diff --git a/app/javascript/src/styles/base/020_base.scss b/app/javascript/src/styles/base/020_base.scss index 352f46349..6549f06bd 100644 --- a/app/javascript/src/styles/base/020_base.scss +++ b/app/javascript/src/styles/base/020_base.scss @@ -25,22 +25,23 @@ dt { font-weight: bold; } -h1, h2, h3, h4, h5, h6 { +h1, h2, h3, h4, h5, h6, .heading { font-family: Tahoma, Verdana, Helvetica, sans-serif; + font-weight: bold; line-height: 1.5em; color: var(--header-color); } h1 { - font-size: $h1_size; + font-size: var(--text-xxl); } h2 { - font-size: $h2_size; + font-size: var(--text-lg); } h3, h4, h5, h6 { - font-size: $h3_size; + font-size: var(--text-md); } fieldset { diff --git a/app/javascript/src/styles/common/dtext.scss b/app/javascript/src/styles/common/dtext.scss index 6a9066af4..caf314053 100644 --- a/app/javascript/src/styles/common/dtext.scss +++ b/app/javascript/src/styles/common/dtext.scss @@ -9,32 +9,32 @@ div.prose { } h1 { - font-size: $dtext_h1_size; + font-size: var(--text-xl); padding: $h1_padding; } h2 { - font-size: $dtext_h2_size; + font-size: var(--text-xl); padding: $h2_padding; } h3 { - font-size: $dtext_h3_size; + font-size: var(--text-xl); padding: $h3_padding; } h4 { - font-size: $dtext_h4_size; + font-size: var(--text-xl); padding: $h4_padding; } h5 { - font-size: $dtext_h5_size; + font-size: var(--text-lg); padding: $h4_padding; } h6 { - font-size: $dtext_h6_size; + font-size: var(--text-md); padding: $h4_padding; } diff --git a/app/javascript/src/styles/common/main_layout.scss b/app/javascript/src/styles/common/main_layout.scss index 1af5253b4..31311a6a2 100644 --- a/app/javascript/src/styles/common/main_layout.scss +++ b/app/javascript/src/styles/common/main_layout.scss @@ -6,10 +6,6 @@ div#page { padding: 0 10px; aside#sidebar { - h1 { - font-size: $h3_size; - } - #options-box i.fa-bookmark { margin-right: 0.25em; } diff --git a/app/javascript/src/styles/common/messages.scss b/app/javascript/src/styles/common/messages.scss index 4d70c0103..b38857027 100644 --- a/app/javascript/src/styles/common/messages.scss +++ b/app/javascript/src/styles/common/messages.scss @@ -15,6 +15,10 @@ div.list-of-messages { width: 12em; margin-right: 1em; + div.author-name { + font-weight: bold; + } + a.message-timestamp { font-style: italic; font-size: 0.90em; @@ -42,7 +46,7 @@ div.list-of-messages { margin: 0 0 1em; width: auto; - h4 { + div.author-name { display: inline; margin-right: 0.5em; } diff --git a/app/javascript/src/styles/common/page_header.scss b/app/javascript/src/styles/common/page_header.scss index ea89e5394..11301b97e 100644 --- a/app/javascript/src/styles/common/page_header.scss +++ b/app/javascript/src/styles/common/page_header.scss @@ -3,8 +3,8 @@ } header#top { - h1#app-name-header { - font-size: 2em; + #app-name-header { + font-size: var(--text-xxl); margin: 0 30px; } diff --git a/app/javascript/src/styles/specific/pools.scss b/app/javascript/src/styles/specific/pools.scss index 9ef7f703f..93d90cc3f 100644 --- a/app/javascript/src/styles/specific/pools.scss +++ b/app/javascript/src/styles/specific/pools.scss @@ -27,17 +27,9 @@ div#add-to-pool-dialog { margin-left: 1em; cursor: pointer; } - - h1 { - font-size: $h3_size; - } } div#c-pools { - h1 { - font-size: $h2_size; - } - textarea { height: 10em; } @@ -50,10 +42,6 @@ div#c-pools { } div#c-pool-orders, div#c-favorite-group-orders { - h1 { - font-size: $h2_size; - } - div#a-edit { ul.ui-sortable { list-style-type: none; diff --git a/app/javascript/src/styles/specific/posts.scss b/app/javascript/src/styles/specific/posts.scss index 03a8eb93c..f6dfee59f 100644 --- a/app/javascript/src/styles/specific/posts.scss +++ b/app/javascript/src/styles/specific/posts.scss @@ -274,10 +274,6 @@ div#c-posts { &.post-notice-search { background: var(--post-search-notice-background); } } - aside#sidebar #tag-list h2 { - font-size: $h4_size; - } - aside#sidebar > section > ul { margin-bottom: 1em; @@ -308,7 +304,7 @@ div#c-posts { div#a-index { menu#post-sections { margin-bottom: 0.5em; - font-size: $h3_size; + font-size: var(--text-lg); li { padding: 0 1em 0.5em 0; @@ -331,7 +327,7 @@ div#c-posts { menu#post-sections { margin: 0; - font-size: $h3_size; + font-size: var(--text-lg); li { padding: 0 1em 0 0; diff --git a/app/javascript/src/styles/specific/site_map.scss b/app/javascript/src/styles/specific/site_map.scss index cd015c5d1..11c2b7e9b 100644 --- a/app/javascript/src/styles/specific/site_map.scss +++ b/app/javascript/src/styles/specific/site_map.scss @@ -7,10 +7,6 @@ div#c-static { section { flex: 1; - h1 { - font-size: $h3_size; - } - ul { margin-bottom: 1.5em; } diff --git a/app/javascript/src/styles/specific/z_responsive.scss b/app/javascript/src/styles/specific/z_responsive.scss index e775572a5..8c9a61ed2 100644 --- a/app/javascript/src/styles/specific/z_responsive.scss +++ b/app/javascript/src/styles/specific/z_responsive.scss @@ -4,20 +4,12 @@ div#page { margin: 0 0.5rem; padding: 0; - - aside#sidebar { - font-size: $h3_size; - } } header#top { position: relative; text-align: center; - h1#app-name-header { - display: inline; - } - #maintoggle { display: block; font-weight: bold; @@ -28,7 +20,6 @@ } nav#nav { - font-size: $h3_size; line-height: 2em; display: none; @@ -53,7 +44,7 @@ } div.paginator { - font-size: $h2_size; + font-size: var(--text-lg); padding: 1em 0 0; li { diff --git a/app/logical/tag_category.rb b/app/logical/tag_category.rb index ea3d40b7c..92c9f3819 100644 --- a/app/logical/tag_category.rb +++ b/app/logical/tag_category.rb @@ -25,11 +25,6 @@ class TagCategory @@short_name_mapping ||= Hash[Danbooru.config.full_tag_config_info.map { |k, v| [v["short"], k] }] end - # Returns a hash mapping for split_tag_list_html (presenters/tag_set_presenter.rb) - def header_mapping - @@header_mapping ||= Hash[Danbooru.config.full_tag_config_info.map { |k, v| [k, v["header"]] }] - end - # Returns a hash mapping for related tag buttons (javascripts/related_tag.js.erb) def related_button_mapping @@related_button_mapping ||= Hash[Danbooru.config.full_tag_config_info.map { |k, v| [k, v["relatedbutton"]] }] diff --git a/app/presenters/tag_set_presenter.rb b/app/presenters/tag_set_presenter.rb index 6182b2073..d10a92f46 100644 --- a/app/presenters/tag_set_presenter.rb +++ b/app/presenters/tag_set_presenter.rb @@ -35,7 +35,10 @@ class TagSetPresenter typetags = tags_for_category(category) if typetags.any? - html << TagCategory.header_mapping[category] if headers + if headers + html << %{

#{category.capitalize.pluralize(typetags.size)}

} + end + html << %{
-

Script

<%= format_text @bulk_update_request.processor.to_dtext %>
diff --git a/app/views/comments/partials/show/_comment.html.erb b/app/views/comments/partials/show/_comment.html.erb index 9df4db8b5..0dea551d8 100644 --- a/app/views/comments/partials/show/_comment.html.erb +++ b/app/views/comments/partials/show/_comment.html.erb @@ -17,12 +17,12 @@ <% end %> data-is-voted="<%= comment.voted_by?(CurrentUser.user) %>">
-

+
<%= link_to_user comment.creator %> <% if comment.is_deleted? %> (deleted) <% end %> -

+
<%= link_to time_ago_in_words_tagged(comment.created_at), post_path(comment.post, anchor: "comment_#{comment.id}"), class: "message-timestamp" %>
diff --git a/app/views/dmails/show.html.erb b/app/views/dmails/show.html.erb index bca9226e1..59161e80f 100644 --- a/app/views/dmails/show.html.erb +++ b/app/views/dmails/show.html.erb @@ -4,8 +4,7 @@
-

Show Message

-

<%= @dmail.title %>

+

<%= @dmail.title %>

  • Sender: <%= link_to_user @dmail.from %>
  • @@ -13,7 +12,6 @@
  • Date: <%= compact_time(@dmail.created_at) %>
-

Body

<%= format_text(@dmail.body) %> diff --git a/app/views/forum_posts/_forum_post.html.erb b/app/views/forum_posts/_forum_post.html.erb index 36e802f49..4f08f5fa9 100644 --- a/app/views/forum_posts/_forum_post.html.erb +++ b/app/views/forum_posts/_forum_post.html.erb @@ -6,12 +6,12 @@ <% end %> data-creator="<%= forum_post.creator.name %>">
-

+
<%= link_to_user forum_post.creator %> <% if forum_post.is_deleted? %> (deleted) <% end %> -

+
<%= link_to time_ago_in_words_tagged(forum_post.created_at), forum_post, class: "message-timestamp" %>
diff --git a/app/views/forum_posts/destroy.js.erb b/app/views/forum_posts/destroy.js.erb index 6f187f01c..146cb8573 100644 --- a/app/views/forum_posts/destroy.js.erb +++ b/app/views/forum_posts/destroy.js.erb @@ -1,2 +1 @@ - -$("article[data-forum-post-id=<%= @forum_post.id %>] div.author h4").append(" (deleted)"); +$("article[data-forum-post-id=<%= @forum_post.id %>] div.author div.author-name").append(" (deleted)"); diff --git a/app/views/layouts/default.html.erb b/app/views/layouts/default.html.erb index e389762f9..d09e51a01 100644 --- a/app/views/layouts/default.html.erb +++ b/app/views/layouts/default.html.erb @@ -50,7 +50,7 @@ <%= render "news_updates/listing" %>
-

<%= link_to Danbooru.config.app_name, "/" %>

+ <%= link_to Danbooru.config.app_name, root_path, id: "app-name-header", class: "heading" %>
diff --git a/app/views/modqueue/_sidebar.html.erb b/app/views/modqueue/_sidebar.html.erb index 0ee352052..e11458f16 100644 --- a/app/views/modqueue/_sidebar.html.erb +++ b/app/views/modqueue/_sidebar.html.erb @@ -12,7 +12,7 @@ <%= render "posts/partials/index/blacklist" %>
Status
+

Status

  • <%= link_to "status:pending", modqueue_index_path(search: { tags: "status:pending" }) %> @@ -33,7 +33,7 @@

    Uploaders
    +

    Uploaders

      <% @uploaders.each do |uploader, count| %>
    • @@ -46,7 +46,7 @@

      Tags
      +

      Tags

      <%= render "tag_list", tags: @artist_tags %> <%= render "tag_list", tags: @copyright_tags %> diff --git a/app/views/posts/index.html.erb b/app/views/posts/index.html.erb index 093dc49cc..1b5330f92 100644 --- a/app/views/posts/index.html.erb +++ b/app/views/posts/index.html.erb @@ -6,7 +6,7 @@ <%= render "posts/partials/index/blacklist" %>
      -

      Tags

      +

      Tags

      <%= @post_set.tag_list_html(current_query: params[:tags], show_extra_links: policy(Post).show_extra_links?) %>
      diff --git a/app/views/posts/partials/common/_search.html.erb b/app/views/posts/partials/common/_search.html.erb index 08fc1de6f..a790825e5 100644 --- a/app/views/posts/partials/common/_search.html.erb +++ b/app/views/posts/partials/common/_search.html.erb @@ -1,7 +1,7 @@ <%# path, tags %>