Tweak item table layout

This commit is contained in:
Shadowfacts 2021-03-31 20:01:00 -04:00
parent 25ed3f53d3
commit 37dccdd4db
Signed by: shadowfacts
GPG Key ID: 94A5AB95422746E5
3 changed files with 10 additions and 6 deletions

View File

@ -148,3 +148,7 @@ label.sidebar-toggle > .oi {
.item-content > .raw-content { .item-content > .raw-content {
white-space: pre-wrap; white-space: pre-wrap;
} }
.item-table tr > .date {
min-width: 200px;
}

View File

@ -25,14 +25,14 @@
</p> </p>
<% end %> <% end %>
<table class="table table-striped"> <table class="table table-striped item-table">
<tbody> <tbody>
<%= for item <- @items do %> <%= for item <- @items do %>
<tr <%= if item.read do %>class="item-read"<% end %>> <tr <%= if item.read do %>class="item-read"<% end %>>
<td> <td>
<a href="<%= Routes.item_path(@conn, :show, item.id) %>"><%= item.title || "(Untitled)" %></a> <a href="<%= Routes.item_path(@conn, :show, item.id) %>"><%= item.title || "(Untitled)" %></a>
</td> </td>
<td> <td class="date">
<%= if item.date do %> <%= if item.date do %>
<% {:ok, date} = Timex.format(item.date, "{YYYY}-{0M}-{0D} {0h12}:{m} {AM}") %> <% {:ok, date} = Timex.format(item.date, "{YYYY}-{0M}-{0D} {0h12}:{m} {AM}") %>
<%= date %> <%= date %>

View File

@ -6,7 +6,7 @@
</p> </p>
<% end %> <% end %>
<table class="table table-striped"> <table class="table table-striped item-table">
<tbody> <tbody>
<%= for item <- @items do %> <%= for item <- @items do %>
<tr <%= if item.read do %>class="item-read"<% end %>> <tr <%= if item.read do %>class="item-read"<% end %>>
@ -15,15 +15,15 @@
<%= item.title || "(Untitled)" %> <%= item.title || "(Untitled)" %>
</a> </a>
</td> </td>
<td> <td class="align-middle">
<a href="<%= Routes.feed_path(@conn, :show, item.feed.id) %>"> <a href="<%= Routes.feed_path(@conn, :show, item.feed.id) %>" style="white-space: nowrap;">
<%= if item.feed.favicon do %> <%= if item.feed.favicon do %>
<img src="<%= item.feed.favicon %>" alt="<%= item.feed.title %> favicon" class="favicon"> <img src="<%= item.feed.favicon %>" alt="<%= item.feed.title %> favicon" class="favicon">
<% end %> <% end %>
<%= item.feed.title || "(Untitled)" %> <%= item.feed.title || "(Untitled)" %>
</a> </a>
</td> </td>
<td> <td class="date align-middle">
<%= if item.date do %> <%= if item.date do %>
<% {:ok, date} = Timex.format(item.date, "{YYYY}-{0M}-{0D} {0h12}:{m} {AM}") %> <% {:ok, date} = Timex.format(item.date, "{YYYY}-{0M}-{0D} {0h12}:{m} {AM}") %>
<%= date %> <%= date %>