summaryrefslogtreecommitdiff
path: root/web/source/settings/style.css
diff options
context:
space:
mode:
authorLibravatar f0x52 <f0x@cthu.lu>2022-12-11 16:00:23 +0100
committerLibravatar GitHub <noreply@github.com>2022-12-11 16:00:23 +0100
commit4b8d7bd952dd97091d1baddeab10213e9c38cef3 (patch)
tree368b80e82590ca85c031b9d720dc7dd7c4fbbb6b /web/source/settings/style.css
parent[docs] Serve static assets with nginx (#1251) (diff)
downloadgotosocial-4b8d7bd952dd97091d1baddeab10213e9c38cef3.tar.xz
[frogend] Emoji copy "Steal this look" (#1222)
* split emoji into local and remote, allow looking up remote emoji by toot url * optimize some/all filtering * fix local emoji routes * implement copy action * shortcode validation, don't wipe form on error * copy & disable PATCH * remove local toot acceptance for testing * unused import * parse emoji from account and status, get web_url from status uri * fix url parse * submit button loading info * actually send category * code cleanup, distinguish between account and status responses * use loading icons * fix loading icon on federation page * require Loading element * remove unused require * query explanation, small accessibility tweaks
Diffstat (limited to 'web/source/settings/style.css')
-rw-r--r--web/source/settings/style.css48
1 files changed, 48 insertions, 0 deletions
diff --git a/web/source/settings/style.css b/web/source/settings/style.css
index 7a71c3278..7ed2fb725 100644
--- a/web/source/settings/style.css
+++ b/web/source/settings/style.css
@@ -598,4 +598,52 @@ span.form-info {
.left-border {
border-left: 0.2rem solid $border-accent;
padding-left: 0.4rem;
+}
+
+.parse-emoji {
+ .parsed {
+ margin-top: 0.5rem;
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+
+ & > span {
+ margin-bottom: -1rem;
+ }
+
+ .action-buttons {
+ gap: 1rem;
+ }
+
+ .emoji-list {
+ display: flex;
+ flex-direction: column;
+
+ & > * {
+ gap: 1rem;
+ align-items: center;
+ padding: 0.5rem 1rem;
+ }
+
+ .header {
+ background: $gray2;
+ display: flex;
+ }
+
+ .row {
+ display: grid;
+ grid-template-columns: auto auto 1fr;
+
+ &:hover {
+ background: $settings-entry-hover-bg;
+ }
+ }
+
+ .emoji {
+ height: 2rem;
+ width: 2rem;
+ margin: 0;
+ }
+ }
+ }
} \ No newline at end of file