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

Tweaks for demo

Browse Source
This commit is contained in:
Jason Zimdars
2024-10-05 07:47:34 -05:00
parent 63a3763f8d
commit f0f7da7df6
5 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/bubbles.css
+1 -1
View File
@@ -443,7 +443,7 @@
transition: background-color 200ms ease-out;
&:nth-of-type(10)::after {
border-bottom: 1px dotted var(--color-subtle-dark);
border-bottom: 1px dashed var(--color-subtle-dark);
block-size: 0;
content: "";
inline-size: 100%;
app/assets/stylesheets/buckets.css
+1 -1
View File
@@ -25,5 +25,5 @@
.windshield__container {
aspect-ratio: 18 / 9;
container-type: inline-size;
inline-size: 40ch;
inline-size: 45ch;
}
app/assets/stylesheets/colors.css
+3 -3
View File
@@ -23,9 +23,9 @@
--color-ink: oklch(var(--lch-black));
--color-ink-reversed: oklch(var(--lch-white));
--color-link: oklch(var(--lch-blue));
--color-subtle-light: oklch(var(--lch-gray-light));
--color-subtle: oklch(var(--lch-gray));
--color-subtle-dark: oklch(var(--lch-gray-dark));
--color-subtle-light: oklch(var(--lch-black));
--color-subtle: oklch(var(--lch-black));
--color-subtle-dark: oklch(var(--lch-black));
--color-selected: oklch(var(--lch-blue-light));
--color-selected-dark: oklch(var(--lch-blue-dark));
--color-marker: oklch(var(--lch-orange));
app/assets/stylesheets/filters.css
+2 -2
View File
@@ -35,10 +35,10 @@
.filter__popup {
--panel-padding: 1em;
--panel-size: 20ch;
--panel-size: 18rem;
inset: calc(var(--btn-size) * 0.6) 0 auto 50%;
max-inline-size: 60ch !important;
max-inline-size: var(--panel-size) !important;
position: absolute;
transform: translateX(-50%);
transform-origin: top left;
app/views/buckets/index.html.erb
+1 -1
View File
@@ -33,7 +33,7 @@
<div class="flex align-center justify-center flex-column gap-half center">
<strong><%= link_to bucket.name, bucket_bubbles_path(bucket), class: "txt-x-large txt-ink" %></strong>
<%= link_to edit_bucket_path(bucket), class: "btn txt-small" do %>
<%= link_to edit_bucket_path(bucket), class: "btn txt-small", hidden: true do %>
<%= image_tag "pencil.svg", aria: { hidden: true }, size: 24 %>
<span class="for-screen-reader">Edit bucket</span>
<% end %>