From 58f4bec40b999b81ca41d26e21621a0b274742f0 Mon Sep 17 00:00:00 2001 From: Micke Nordin Date: Wed, 23 Nov 2022 13:25:46 +0000 Subject: [PATCH] Update 'toot.css' Better selectors... --- toot.css | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/toot.css b/toot.css index be5df0a..6c0f301 100644 --- a/toot.css +++ b/toot.css @@ -1,24 +1,20 @@ -a[href="/publish"] { +#mastodon > div > div > div.columns-area__panels > div.columns-area__panels__pane.columns-area__panels__pane--compositional > div > div > form > div.compose-form__publish > div > button { visibility: hidden; } -a[href="/publish"]:after { +#mastodon > div > div > div.columns-area__panels > div.columns-area__panels__pane.columns-area__panels__pane--compositional > div > div > form > div.compose-form__publish > div > button:after { content: 'TOOT!'; visibility: visible; - text-rendering: optimizelegibility; font-feature-settings: "kern"; text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); - margin: 0; - font: inherit; - vertical-align: baseline; + pointer-events: auto; background-color: #595aff; border: 10px; border-radius: 4px; box-sizing: border-box; color: #fff; cursor: pointer; - display: inline-block; font-family: inherit; font-size: 15px; font-weight: 500; @@ -31,27 +27,31 @@ a[href="/publish"]:after { text-decoration: none; text-overflow: ellipsis; white-space: nowrap; - width: auto; - flex: 0 0 auto; + display: block; + width: 100%; } -.button.button--block { +a[href="/publish"] { visibility: hidden; } -.button.button--block:after { +a[href="/publish"]:after { content: 'TOOT!'; visibility: visible; + text-rendering: optimizelegibility; font-feature-settings: "kern"; text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); - pointer-events: auto; + margin: 0; + font: inherit; + vertical-align: baseline; background-color: #595aff; border: 10px; border-radius: 4px; box-sizing: border-box; color: #fff; cursor: pointer; + display: inline-block; font-family: inherit; font-size: 15px; font-weight: 500; @@ -64,6 +64,6 @@ a[href="/publish"]:after { text-decoration: none; text-overflow: ellipsis; white-space: nowrap; - display: block; - width: 100%; -} + width: auto; + flex: 0 0 auto; +} \ No newline at end of file