diff --git a/tools/server/public_simplechat/readme.md b/tools/server/public_simplechat/readme.md index 55e93f5d92..347d36862d 100644 --- a/tools/server/public_simplechat/readme.md +++ b/tools/server/public_simplechat/readme.md @@ -746,7 +746,10 @@ sliding window based drop off or even before they kick in, this can help in many * ChatMessage * assign a globally unique (ie across sessions) id to each chat message instance. * add support for deleting chat message based on its uniquie id in SimpleChat. - * add a popover div block in html, which contains the edit menu wrt chat messages + * add a popover div block in html, which acts as a popup menu containing buttons to work with + individual chat messages. + * experiment and finalise on anchor based relative positioning of the popover menu. + * have a del button, which allows one to delete the currently in focus chat message. #### ToDo diff --git a/tools/server/public_simplechat/simplechat.css b/tools/server/public_simplechat/simplechat.css index 195c01a016..4af4382afa 100644 --- a/tools/server/public_simplechat/simplechat.css +++ b/tools/server/public_simplechat/simplechat.css @@ -94,13 +94,14 @@ } #popover-chatmsg { position:fixed; - position-area: span-bottom center; /* - inset-block-end: anchor(end)-; - inset-inline-end: anchor(self-start); + position-area: span-bottom center; */ + inset-block-start: anchor(start); + inset-inline-start: anchor(center); background-color: transparent; padding: 0; + margin: 0; border-width: 0; } #popover-chatmsg button {