diff --git a/package.json b/package.json index cd3faa08..7408d1dd 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "impro", - "version": "0.20.16", + "version": "0.20.17", "type": "module", "scripts": { "start": "rm -rf \"${BUILD_DIR:-build}\" && NODE_ENV=development eleventy --serve", diff --git a/src/css/style.css b/src/css/style.css index 0d0fc0b7..26855a6b 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -718,6 +718,15 @@ plugin-slot:empty { border-top-color: var(--primary-button-text-color); } +.rounded-button.rounded-button-secondary-inverted { + background-color: var(--text-color); + color: var(--background-color); +} + +.rounded-button.rounded-button-secondary-inverted .loading-spinner { + border-top-color: var(--background-color); +} + @media (hover: hover) { .rounded-button:not(:disabled):hover { background-color: var(--secondary-button-hover-color); @@ -726,6 +735,14 @@ plugin-slot:empty { .rounded-button.rounded-button-primary:not(:disabled):hover { background-color: var(--primary-button-hover-color); } + + .rounded-button.rounded-button-secondary-inverted:not(:disabled):hover { + background-color: color-mix( + in srgb, + var(--text-color) 85%, + var(--background-color) + ); + } } .rounded-button.bell-button { @@ -1970,7 +1987,7 @@ container-link { } .post-content-bottom { - margin-top: 8px; + margin-top: 14px; } .post-content-left { @@ -2109,6 +2126,13 @@ container-link { width: 100%; } +.large-post-follow-button { + margin-left: auto; + align-self: center; + white-space: nowrap; + flex-shrink: 0; +} + .label-badge { display: inline-flex; align-items: center; @@ -2648,6 +2672,10 @@ animated-button { color: var(--text-color-muted); } +.large-post .post-embed > * { + margin-top: 12px; +} + .post-embed > * { margin-top: 8px; } diff --git a/src/js/components/trending-pane.js b/src/js/components/trending-pane.js index ab59a19f..6abe3dcf 100644 --- a/src/js/components/trending-pane.js +++ b/src/js/components/trending-pane.js @@ -39,7 +39,12 @@ function trendingErrorTemplate({ onRetry }) { data-testid="trending-error" >
This account has requested that users sign in to view their profile.
-