thermokarst/planner
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

BUG: mobile layout issues - dropping grid for now (#11)

Browse source
This commit is contained in:
Matthew Ryan Dillon 2020-06-21 16:41:56 -07:00 • committed by GitHub
parent 673d096f53
commit 34d167e040
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 53 additions and 70 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
lib/planner_web/templates/layout/root.html.leex
View file

@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>planner</title>
<link rel="stylesheet" href="<%= Routes.static_path(@conn, "/css/app.css") %>"/>
<%= csrf_meta_tag() %>

6
lib/planner_web/templates/task/edit.html.eex
View file

@ -1,5 +1 @@
<div class="columns">
<div class="column is-three-fifths is-offset-one-fifth">
<%= render "form.html", Map.put(assigns, :action, Routes.task_path(@conn, :update, @task)) %>
</div>
</div>
<%= render "form.html", Map.put(assigns, :action, Routes.task_path(@conn, :update, @task)) %>

58
lib/planner_web/templates/task/index.html.eex
View file

@ -1,33 +1,29 @@
<div class="columns">
<div class="column table-container">
<%= link "new", to: Routes.task_path(@conn, :new), class: "button is-dark" %>
<%= link "new", to: Routes.task_path(@conn, :new), class: "button is-dark" %>
<div class="table-container">
<table class="table is-striped is-hoverable is-fullwidth" style="table-layout: fixed;">
<thead>
<tr>
<th>task</th>
</tr>
</thead>
<tbody>
<%= for task <- @tasks do %>
<tr>
<td>
<%= if not is_nil(task.due_at) do %>
<div class="tags mb-0">
<span class="tag is-warning">
due: <%= task.due_at %>
</span>
</div>
<% end %>
<%= link to: Routes.task_path(@conn, :show, task.id), class: "has-text-black" do %>
<%= task.value %>
<% end %>
</td>
</tr>
<% end %>
</tbody>
</table>
</div>
</div>
<div class="table-container">
<table class="table is-striped is-hoverable is-fullwidth" style="table-layout: fixed;">
<thead>
<tr>
<th>task</th>
</tr>
</thead>
<tbody>
<%= for task <- @tasks do %>
<tr>
<td>
<%= if not is_nil(task.due_at) do %>
<div class="tags mb-0">
<span class="tag is-warning">
due: <%= task.due_at %>
</span>
</div>
<% end %>
<%= link to: Routes.task_path(@conn, :show, task.id), class: "has-text-black" do %>
<%= task.value %>
<% end %>
</td>
</tr>
<% end %>
</tbody>
</table>
</div>

6
lib/planner_web/templates/task/new.html.eex
View file

@ -1,5 +1 @@
<div class="columns">
<div class="column is-three-fifths is-offset-one-fifth">
<%= render "form.html", Map.put(assigns, :action, Routes.task_path(@conn, :create)) %>
</div>
</div>
<%= render "form.html", Map.put(assigns, :action, Routes.task_path(@conn, :create)) %>

51
lib/planner_web/templates/task/show.html.eex
View file

@ -1,31 +1,26 @@
<div class="columns">
<div class="column is-three-fifths is-offset-one-fifth">
<div class="box">
<%= if not is_nil(@task.due_at) or is_nil(@task.filed_at) do %>
<div class="tags">
<%= if not is_nil(@task.due_at) do %><span class="tag is-warning">due: <%= @task.due_at %></span><% end %>
<%= if is_nil(@task.filed_at) do %><span class="tag is-danger">unfiled</span><% end %>
</div>
<% end %>
<p class="mb-5">
<%= @task.value %>
</p>
<div class="tags">
<span class="tag is-light">updated: <%= @task.updated_at %></span>
<span class="tag is-light">created: <%= @task.inserted_at %></span>
</div>
<div class="field is-grouped">
<p class="control">
<%= link "edit", to: Routes.task_path(@conn, :edit, @task.id), class: "button is-dark" %>
</p>
<p class="control">
<%= link "delete", to: Routes.task_path(@conn, :delete, @task.id), class: "button is-dark", method: :delete, data: [confirm: "are you sure?"] %>
</p>
</div>
<div class="box">
<%= if not is_nil(@task.due_at) or is_nil(@task.filed_at) do %>
<div class="tags">
<%= if not is_nil(@task.due_at) do %><span class="tag is-warning">due: <%= @task.due_at %></span><% end %>
<%= if is_nil(@task.filed_at) do %><span class="tag is-danger">unfiled</span><% end %>
</div>
<% end %>
<p class="mb-5">
<%= @task.value %>
</p>
<div class="tags">
<span class="tag is-light">updated: <%= @task.updated_at %></span>
<span class="tag is-light">created: <%= @task.inserted_at %></span>
</div>
<div class="field is-grouped">
<p class="control">
<%= link "edit", to: Routes.task_path(@conn, :edit, @task.id), class: "button is-dark" %>
</p>
<p class="control">
<%= link "delete", to: Routes.task_path(@conn, :delete, @task.id), class: "button is-dark", method: :delete, data: [confirm: "are you sure?"] %>
</p>
</div>
</div>