From 96ed0e53b1103eaba66db63509b0d824446e4214 Mon Sep 17 00:00:00 2001 From: schlagmichdoch Date: Sat, 4 Mar 2023 20:50:52 +0100 Subject: [PATCH] apply styling to clarify that the display-name is editable --- public/styles.css | 12 +++++++++--- public_included_ws_fallback/styles.css | 12 +++++++++--- 2 files changed, 18 insertions(+), 6 deletions(-) diff --git a/public/styles.css b/public/styles.css index 335f3f1..14fc4ec 100644 --- a/public/styles.css +++ b/public/styles.css @@ -562,15 +562,21 @@ footer .font-body2 { #display-name { display: inline-block; text-align: left; - padding-right: 1rem; border: none; outline: none; max-width: 18em; - overflow: hidden; text-overflow: ellipsis; white-space: nowrap; - margin-bottom: -4px; cursor: text; + margin-bottom: -4px; + margin-left: -1rem; + padding-right: 0.3rem; + padding-left: 0.3em; + border-radius: 1.3rem/30%; + border-right: solid 1rem transparent; + border-left: solid 1rem transparent; + background-clip: padding-box; + background-color: rgba(var(--text-color), 28%); } #edit-pen { diff --git a/public_included_ws_fallback/styles.css b/public_included_ws_fallback/styles.css index 552512d..a5046d9 100644 --- a/public_included_ws_fallback/styles.css +++ b/public_included_ws_fallback/styles.css @@ -588,15 +588,21 @@ footer .font-body2 { #display-name { display: inline-block; text-align: left; - padding-right: 1rem; border: none; outline: none; max-width: 18em; - overflow: hidden; text-overflow: ellipsis; white-space: nowrap; - margin-bottom: -4px; cursor: text; + margin-bottom: -4px; + margin-left: -1rem; + padding-right: 0.3rem; + padding-left: 0.3em; + border-radius: 1.3rem/30%; + border-right: solid 1rem transparent; + border-left: solid 1rem transparent; + background-clip: padding-box; + background-color: rgba(var(--text-color), 28%); } #edit-pen {