Visually separate header.

This commit is contained in:
Phil Hagelberg 2019-10-31 17:44:43 -07:00
parent 2ac1ece652
commit 274cc18e8a
5 changed files with 45 additions and 30 deletions

View file

@ -34,17 +34,17 @@ defmodule Pleroma.Web.StaticFE.StaticFEController do
}
end
def represent(%Activity{} = activity, selected) do
def represent(%Activity{object: %Object{data: data}} = activity, selected) do
{:ok, user} = User.get_or_fetch(activity.object.data["actor"])
%{
user: user,
title: get_title(activity.object),
content: activity.object.data["content"] || nil,
attachment: activity.object.data["attachment"],
content: data["content"] || nil,
attachment: data["attachment"],
link: Helpers.o_status_url(Pleroma.Web.Endpoint, :notice, activity.id),
published: activity.object.data["published"],
sensitive: activity.object.data["sensitive"],
published: data["published"],
sensitive: data["sensitive"],
selected: selected,
counts: get_counts(activity)
}

View file

@ -8,6 +8,7 @@ defmodule Pleroma.Web.StaticFE.StaticFEView do
alias Calendar.Strftime
alias Pleroma.Emoji.Formatter
alias Pleroma.User
alias Pleroma.Web.Endpoint
alias Pleroma.Web.Gettext
alias Pleroma.Web.MediaProxy
alias Pleroma.Formatter

View file

@ -1,7 +1,11 @@
<header>
<h1><%= link @instance_name, to: "/" %></h1>
</header>
<main>
<div class="conversation">
<%= for activity <- @activities do %>
<%= render("_notice.html", activity) %>
<% end %>
</div>
</main>

View file

@ -1,3 +1,4 @@
<header>
<h1><%= link @instance_name, to: "/" %></h1>
<h3>
@ -6,11 +7,16 @@
<input type="hidden" name="profile" value="">
<button type="submit" class="collapse">Remote follow</button>
</form>
<%= raw (@user.name |> Formatter.emojify(emoji_for_user(@user))) %>
<%= raw Formatter.emojify(@user.name, emoji_for_user(@user)) %> |
<%= link "@#{@user.nickname}@#{Endpoint.host()}", to: User.profile_url(@user) %>
</h3>
<p><%= raw @user.bio %></p>
</header>
<main>
<div class="activity-stream">
<%= for activity <- @timeline do %>
<%= render("_notice.html", Map.put(activity, :selected, false)) %>
<% end %>
</div>
</main>

View file

@ -4,7 +4,7 @@ body {
color: white;
}
.container {
main {
margin: 50px auto;
max-width: 960px;
padding: 40px;
@ -13,7 +13,11 @@ body {
}
header {
border-bottom: 2em solid #282c37;
margin: 50px auto;
max-width: 960px;
padding: 40px;
background-color: #313543;
border-radius: 4px;
}
.activity {
@ -57,11 +61,11 @@ a {
margin-bottom: 8px;
}
.h-card a {
header a, .h-card a {
text-decoration: none;
}
.h-card a:hover {
header a:hover, .h-card a:hover {
text-decoration: underline;
}