bumi/tinyforms
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge pull request #16 from bumi/forms-show-page

Browse Source 
Add some styling classes in the table
This commit is contained in:
bumi 2020-04-20 11:35:46 +02:00 committed by GitHub
commit b8277a7023
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 56 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/stylesheets/application.css.scss
View File

@ -53,3 +53,11 @@ body {
background: rgb(225, 98, 89); background: rgb(225, 98, 89);
color: white; color: white;
} }
.button {
vertical-align: middle;
}
.table-wrapper {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

31
app/views/forms/show.html.erb
View File

@ -1,11 +1,33 @@
<h1><%= @form.title %></h1> <div class="section">
<div class="container">
<div class="content is-paddingless">
<h1 class="is-family-secondary"><%= @form.title %></h1>
<div class="columns">
<div class="column">
<p> <p>
<button class="button">
<span class="icon is-small">
<i class="fas fa-link"></i>
</span>
</button>
<%= submission_url(@form) %> <%= submission_url(@form) %>
</p> </p>
</div>
<div class="column">
<p> <p>
<%= link_to 'Google spreadsheet', @form.spreadsheet_url %> <button class="button is-success">
<span class="icon is-small">
<i class="fas fa-file-excel"></i>
</span>
</button>
<%= link_to 'Google spreadsheet', @form.spreadsheet_url, { :class => "has-text-dark"} %>
</p> </p>
<table> </div>
</div>
</div>
<div class="box table-wrapper">
<table class="table is-fullwidth is-striped is-hoverable">
<thead> <thead>
<tr> <tr>
<% @form.spreadsheet_headers.each do |value| %> <% @form.spreadsheet_headers.each do |value| %>
@ -23,3 +45,6 @@
<% end %> <% end %>
</tbody> </tbody>
</table> </table>
</div>
</div>
</div>