Minor CSS cleanup

This commit is contained in:
syeopite 2021-05-24 09:39:49 -07:00
parent f2c35b975f
commit 420c2be348
No known key found for this signature in database
GPG Key ID: 6FA616E5A5294A82
4 changed files with 83 additions and 16 deletions

View File

@ -70,7 +70,7 @@
display: inline; display: inline;
} }
.section-contents .channel-profile { .category-contents .channel-profile {
text-align: center; text-align: center;
} }
@ -120,13 +120,16 @@ only show up when the screen is wide enough */
.trailer-metadata { .trailer-metadata {
margin-left: 15px; margin-left: 15px;
font-size: 12px; font-size: 12px;
color: rgb(232, 230, 227); }
.trailer-title {
font-size: 15px;
} }
.trailer-metadata .read-more { .trailer-metadata .read-more {
line-height: 20px; line-height: 20px;
text-transform: uppercase; text-transform: uppercase;
color: gray;
font-size: 13px; font-size: 13px;
} }
@ -135,4 +138,52 @@ only show up when the screen is wide enough */
max-height: 150px; max-height: 150px;
line-height: 20px; line-height: 20px;
margin-top: 20px; margin-top: 20px;
} }
@media (prefers-color-scheme: dark) {
.no-theme .trailer-metadata {
color: rgb(232, 230, 227);
}
.no-theme .trailer-title {
color:rgb(209, 209, 209)
}
.no-theme .trailer-metadata .read-more, .no-theme .trailer-timestamp {
color: gray;
}
}
.no-theme .trailer-metadata {
color: rgb(232, 230, 227);
}
.dark-theme .trailer-title {
color:rgb(209, 209, 209)
}
.dark-theme .trailer-metadata .read-more, .no-theme .trailer-timestamp {
color: gray;
}
@media (prefers-color-scheme: light) {
.no-theme .trailer-metadata, .no-theme .trailer-title {
color: black;
}
.no-theme .trailer-metadata .read-more, .no-theme .trailer-timestamp {
color: rgb(127, 127, 127);
}
}
.light-theme .trailer-metadata, .light-theme .trailer-title {
color: black;
}
.light-theme .trailer-metadata .read-more, .no-theme .trailer-timestamp {
color: rgb(127, 127, 127);
}

View File

@ -606,8 +606,8 @@ hr {
margin-top: 1em; margin-top: 1em;
} }
.category .heading > p { .category-heading {
display: inline-block; margin-bottom: 7px;
} }
/* Split into .badge and #.featured */ /* Split into .badge and #.featured */
@ -621,7 +621,23 @@ hr {
display: inline; display: inline;
} }
/* Temp */ @media (prefers-color-scheme: dark) {
.category-description { .no-theme .category-description {
color: #A8A095;
}
}
.dark-theme .category-description {
color: #A8A095; color: #A8A095;
} }
@media (prefers-color-scheme: light) {
.no-theme .category-description {
color: #000000;
}
}
.light-theme .category-description {
color: #000000;
}

View File

@ -11,8 +11,8 @@
<% if !featured_channel_categories.empty? %> <% if !featured_channel_categories.empty? %>
<% featured_channel_categories.each do | category | %> <% featured_channel_categories.each do | category | %>
<div class="channel-section pure-u-1"> <div class="channel-section pure-u-1">
<details open=""> <details open="" class="category">
<summary style="display: revert;"> <summary style="display: revert;" class="category-heading">
<span style="font-weight: bold;"> <span style="font-weight: bold;">
<% if category.url %> <% if category.url %>
<a href="<%=category.url%>"> <a href="<%=category.url%>">
@ -24,7 +24,7 @@
</h3> </h3>
</summary> </summary>
<% contents = category.contents%> <% contents = category.contents%>
<div class="pure-g section-contents"> <div class="pure-g category-contents">
<% if contents.is_a?(Array) %> <% if contents.is_a?(Array) %>
<% contents.each do |item|%> <% contents.each do |item|%>
<% if !item.is_a?(SearchChannel)%> <% if !item.is_a?(SearchChannel)%>

View File

@ -26,8 +26,8 @@
</div> </div>
<div class="trailer-metadata pure-u-1 pure-u-md-1-3"> <div class="trailer-metadata pure-u-1 pure-u-md-1-3">
<a style="color:rgb(209, 209, 209)"><%= HTML.escape(section.title) %></a> <a class="trailer-title"><%= HTML.escape(section.title) %></a>
<p style="color: gray;"> <p class="trailer-timestamp">
<%= translate(locale, "`x` views", number_to_short_text(section.views || 0)) %> <%= translate(locale, "`x` views", number_to_short_text(section.views || 0)) %>
<%= translate(locale, "Shared `x` ago", recode_date(section.published, locale)) %> <%= translate(locale, "Shared `x` ago", recode_date(section.published, locale)) %>
</p> </p>
@ -40,8 +40,8 @@
<% else %> <% else %>
<div class="category pure-u-1"> <div class="category pure-u-1">
<details open = ""> <details open = "">
<summary style="display: revert;"> <summary style="display: revert;" class="category-heading">
<a class="category-heading" href="<%=section.url%>"> <%= section.title %> </a> <a href="<%=section.url%>"> <%= section.title %> </a>
</summary> </summary>
<div class="category-description h-box"> <div class="category-description h-box">