bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove index columns

Browse Source
This commit is contained in:
Jason Zimdars
2025-04-22 23:07:06 -05:00
parent b29afcd518
commit 8fec68c34c
4 changed files with 18 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/events.css
-2
View File
@@ -11,8 +11,6 @@
--column-gap: clamp(var(--inline-space), 3cqmin, calc(var(--inline-space) * 3));
--grid-lines: 0.1rem;
display: grid;
grid-template-columns: 1fr 5fr 1fr;
margin: auto;
}
app/assets/stylesheets/popup.css
+10
View File
@@ -88,6 +88,16 @@
row-gap: 2px;
}
.popup__new {
--btn-icon-size: 1em;
.icon {
margin-inline-end: 0.5em;
}
padding-inline-start: var(--inline-space-half);
}
.popup__title {
font-weight: 800;
}
app/views/events/_filter.html.erb
+8
View File
@@ -19,6 +19,14 @@
<%= form_with url: events_path, method: :get, class: "flex flex-column full-width popup__list",
data: { controller: "form" } do |form| %>
<%#= link_to "Show everything", events_path(clear_filter: true), class: "btn popup__item txt-nowrap" %>
<div class="popup__group flex align-center full-width gap-half overflow-ellipsis">
<%= link_to new_collection_path, class: "btn popup__new popup__item", style: "view-transition-name: new-collection" do %>
<%= icon_tag "add" %>
<span>Add a new collection</span>
<% end %>
</div>
<hr class="full-width separator--horizontal" style="--border-color: transparent;">
<% @collections.each do |collection| %>
<div class="popup__group flex align-center full-width gap-half overflow-ellipsis">
<div class="btn txt-xx-small">
app/views/events/index.html.erb
-26
View File
@@ -17,36 +17,10 @@
<% end %>
<div class="events__container align-start gap">
<div class="txt-align-start">
<h2 class="txt-normal txt-uppercase txt-nowrap">Custom views</h2>
<div style="border-block-start: 1px solid var(--color-subtle); padding-block-start: var(--block-space-half);">
<% @filters.each do |filter| %>
<h3 class="txt-small margin-block-end-half txt-tight-lines">
<%= link_to filter.summary, cards_path(**filter.as_params) %>
</h3>
<% end %>
</div>
</div>
<div class="flex flex-column">
<div id="activity" class="events__index flex flex-column">
<%= render "events/day", activity_day: @activity_day, next_day: @next_day, events: @events %>
</div>
<%= event_next_page_link(@next_day) %>
</div>
<div class="txt-align-start">
<div class="flex align-start gap min-width" >
<h2 class="txt-normal txt-uppercase overflow-ellipsis">Collections</h2>
<%= link_to new_collection_path, class: "btn txt-xx-small flex-item-justify-end flex-item-no-shrink", style: "view-transition-name: new-collection" do %>
<%= icon_tag "add" %>
<span class="for-screen-reader">New</span>
<% end %>
</div>
<div style="border-block-start: 1px solid var(--color-subtle); padding-block-start: var(--block-space-half);">
<% @collections.each do |collection| %>
<h3 class="txt-small margin-block-end-half txt-tight-lines"><%= link_to collection.name, cards_path(collection_ids: [ collection ]) %></h3>
<% end %>
</div>
</div>
</div>