diff options
| author | Yasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com> | 2026-11-07 12:47:37 +0900 |
|---|---|---|
| committer | Yasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com> | 2026-11-07 12:47:37 +0900 |
| commit | 25d33fad4afb795681d428bb52107b509816a95e (patch) | |
| tree | 9d28e5de63e7752a417b5231f43c376e07881485 /src/styles | |
| parent | 4694675635a449f6537272ddad2feb2a4724c41d (diff) | |
events: 共有ボタンをX・LINE・コピーに変更
文面を指定できないInstagramとFacebookを外し、文面とURLを渡せる
LINEと、文面をコピーするボタンに置き換えた。コピーはInstagramや
Facebookなどに貼り付けて使える。
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/custom.css | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/src/styles/custom.css b/src/styles/custom.css index 4fd4829..006d3b8 100644 --- a/src/styles/custom.css +++ b/src/styles/custom.css @@ -336,11 +336,16 @@ body:has(.parks-controls) .sl-markdown-content p { .schedule-share-btn.is-x { --share-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M18.244%202.25h3.308l-7.227%208.26%208.502%2011.24H16.17l-5.214-6.817L4.99%2021.75H1.68l7.73-8.835L1.254%202.25H8.08l4.713%206.231%205.451-6.231Zm-1.161%2017.52h1.833L7.084%204.126H5.117l11.966%2015.644Z%27%2F%3E%3C%2Fsvg%3E"); } -.schedule-share-btn.is-instagram { - --share-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%2718%27%20height%3D%2718%27%20rx%3D%275%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%2F%3E%3Ccircle%20cx%3D%2717.2%27%20cy%3D%276.8%27%20r%3D%271.2%27%2F%3E%3C%2Fsvg%3E"); +.schedule-share-btn.is-line { + --share-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Crect%20x%3D%272%27%20y%3D%273.5%27%20width%3D%2720%27%20height%3D%2713.5%27%20rx%3D%274%27%2F%3E%3Cpath%20d%3D%27M7.5%2017v4.2L13%2017z%27%2F%3E%3C%2Fsvg%3E"); } -.schedule-share-btn.is-facebook { - --share-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M22%2012a10%2010%200%201%200-11.6%209.9v-7H7.9V12h2.5V9.8c0-2.5%201.5-3.9%203.8-3.9%201.1%200%202.2.2%202.2.2v2.4h-1.2c-1.2%200-1.6.8-1.6%201.6V12h2.7l-.4%202.9h-2.3v7A10%2010%200%200%200%2022%2012Z%27%2F%3E%3C%2Fsvg%3E"); +.schedule-share-btn.is-copy { + --share-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Crect%20x%3D%279%27%20y%3D%279%27%20width%3D%2712%27%20height%3D%2712%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M6%2015H5a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1h10a1%201%200%200%201%201%201v1%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%2F%3E%3C%2Fsvg%3E"); +} +.schedule-share-btn.is-done { + color: var(--sl-color-accent); + border-color: var(--sl-color-accent); + opacity: 1; } /* ── 冒頭の英語・中国語・韓国語・ベトナム語の案内 ── */ |