From e9301bcaa66dc8bd43e0fd80e39262262d7be48a Mon Sep 17 00:00:00 2001 From: Henrik Nyh Date: Sat, 11 Jul 2020 20:57:39 +0100 Subject: [PATCH] Make footnote a larger target --- src/site/_includes/css/tailwind.css | 5 +++++ ...7-11-optimising-data-over-the-wire-in-phoenix-liveview.md | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/src/site/_includes/css/tailwind.css b/src/site/_includes/css/tailwind.css index f7fefb5..f3fc6f5 100644 --- a/src/site/_includes/css/tailwind.css +++ b/src/site/_includes/css/tailwind.css @@ -264,6 +264,11 @@ hr { margin-bottom: 30px; } +.footnote-link { + /* Bigger target. */ + padding: 0 5px; +} + .truncated { @apply text-gray-500; } @tailwind components; diff --git a/src/site/posts/2020-07-11-optimising-data-over-the-wire-in-phoenix-liveview.md b/src/site/posts/2020-07-11-optimising-data-over-the-wire-in-phoenix-liveview.md index e3ebc2f..b6e862e 100644 --- a/src/site/posts/2020-07-11-optimising-data-over-the-wire-in-phoenix-liveview.md +++ b/src/site/posts/2020-07-11-optimising-data-over-the-wire-in-phoenix-liveview.md @@ -5,7 +5,7 @@ tags: - Phoenix LiveView --- -[Phoenix LiveView](https://github.com/phoenixframework/phoenix_live_view) distinguishes itself from other "server-side reactive" frameworks[¹](#footnote) by automatically sending minimal diffs over the wire. (That is to say, over a WebSocket.) +[Phoenix LiveView](https://github.com/phoenixframework/phoenix_live_view) distinguishes itself from other "server-side reactive" frameworks¹ by automatically sending minimal diffs over the wire. (That is to say, over a WebSocket.) Well, mostly automatically. The size of those diffs is affected by how you write your app.