Move card title margins to perma CSS
This commit is contained in:
@@ -58,6 +58,22 @@
|
||||
|
||||
.card__title {
|
||||
font-size: clamp(var(--text-medium), 6vw, var(--text-x-large));
|
||||
margin-block-end: 0.5ch;
|
||||
|
||||
/* With tight line spacing, Windows will cover over adjacent lines of text
|
||||
* when input text is selected. Here, we're setting the selection color to a
|
||||
* transparent value so the overlapping text lines are at least visible. */
|
||||
::selection {
|
||||
background: oklch(var(--lch-blue-light) / 0.5);
|
||||
}
|
||||
|
||||
&:has(textarea) {
|
||||
margin-block-end: 0;
|
||||
|
||||
@supports not (field-sizing: content) {
|
||||
text-wrap: unset; /* Safari is annoying if you have text-wrap: balance in textareas */
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.card__meta,
|
||||
|
||||
@@ -151,24 +151,8 @@
|
||||
font-size: var(--text-xx-large);
|
||||
font-weight: 900;
|
||||
line-height: 1.15;
|
||||
margin-block-end: 0.5ch;
|
||||
text-wrap: balance;
|
||||
|
||||
/* With tight line spacing, Windows will cover over adjacent lines of text
|
||||
* when input text is selected. Here, we're setting the selection color to a
|
||||
* transparent value so the overlapping text lines are at least visible. */
|
||||
::selection {
|
||||
background: oklch(var(--lch-blue-light) / 0.5);
|
||||
}
|
||||
|
||||
&:has(textarea) {
|
||||
margin-block-end: 0;
|
||||
|
||||
@supports not (field-sizing: content) {
|
||||
text-wrap: unset; /* Safari is annoying if you have text-wrap: balance in textareas */
|
||||
}
|
||||
}
|
||||
|
||||
.card-field__title {
|
||||
overflow: hidden; /* prevent scrolling on windows */
|
||||
padding-block-end: 0.5ch;
|
||||
|
||||
@@ -103,13 +103,9 @@
|
||||
}
|
||||
|
||||
.nav__section {
|
||||
border-block-end: 1px solid var(--color-ink-lighter);
|
||||
border-block-start: 1px solid var(--color-ink-lighter);
|
||||
font-size: var(--text-small);
|
||||
|
||||
&:first-of-type {
|
||||
border-block-start: 1px solid var(--color-ink-lighter);
|
||||
}
|
||||
|
||||
&[open] {
|
||||
padding-block-end: 0.4rem;
|
||||
}
|
||||
@@ -220,6 +216,7 @@
|
||||
|
||||
.nav__footer {
|
||||
background-color: var(--color-canvas);
|
||||
border-block-start: 1px solid var(--color-ink-lighter);
|
||||
font-size: var(--text-small);
|
||||
line-height: 1.6;
|
||||
margin-block-start: calc(-1 * var(--nav-section-gap));
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<% if accounts.many? %>
|
||||
<% cache [ Current.identity, accounts, Current.account ] do %>
|
||||
<%= collapsible_nav_section "Accounts" do %>
|
||||
<%# Bust cache 1 Dec 2025 %>
|
||||
<% accounts.each do |account| %>
|
||||
<%= filter_place_menu_item landing_url(script_name: account.slug), account.name, "marker", current: account == Current.account, turbo: false %>
|
||||
<% end %>
|
||||
|
||||
Reference in New Issue
Block a user