SimpleChatTCRV:CMPopOver:Relative positioning - P2
As position-area is not yet officially supported in firefox (its only in nightly builds, as of now), so switching to the inset block/inline start/end css properties.
This commit is contained in:
parent
70a163fd18
commit
6a67d002d6
|
|
@ -746,7 +746,10 @@ sliding window based drop off or even before they kick in, this can help in many
|
||||||
* ChatMessage
|
* ChatMessage
|
||||||
* assign a globally unique (ie across sessions) id to each chat message instance.
|
* 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 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
|
#### ToDo
|
||||||
|
|
|
||||||
|
|
@ -94,13 +94,14 @@
|
||||||
}
|
}
|
||||||
#popover-chatmsg {
|
#popover-chatmsg {
|
||||||
position:fixed;
|
position:fixed;
|
||||||
position-area: span-bottom center;
|
|
||||||
/*
|
/*
|
||||||
inset-block-end: anchor(end)-;
|
position-area: span-bottom center;
|
||||||
inset-inline-end: anchor(self-start);
|
|
||||||
*/
|
*/
|
||||||
|
inset-block-start: anchor(start);
|
||||||
|
inset-inline-start: anchor(center);
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
border-width: 0;
|
border-width: 0;
|
||||||
}
|
}
|
||||||
#popover-chatmsg button {
|
#popover-chatmsg button {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue