Hi,
I've had a quick look and can't find this posted elsewhere. When the chat dialog is minimized, the dialogStickyDateCapBlock is not hidden - still has a display:block style rather than display:none.
Can you give any pointers as to where this should be fixed
Thanks
We build. You grow.
Get best community software hereStart a social network, a fan-site, an education project with oxwall - free opensource community software
dialogStickyDateCapBlock | Forum
Team ross
Feb 14 '16
George, please provide screenshot of the element you're referring to and the corresponding styles? as it is hard to find it without directions
George McConnell
Feb 16 '16
Screenshot is attached - together with the inspector window that shows the code.
The 'problem' is the minimised chat window - as you can see there is no bottom border - that is because the dialogStickyDateCapBlock is still showing.
If before I minimise the window I scroll the chat to ensure that there is no stickydate (i.e by going right to the top of the conversation) then the minimised window is rendered correctly - because the block is already hidden before it is minimised.
Hope that helps
The 'problem' is the minimised chat window - as you can see there is no bottom border - that is because the dialogStickyDateCapBlock is still showing.
If before I minimise the window I scroll the chat to ensure that there is no stickydate (i.e by going right to the top of the conversation) then the minimised window is rendered correctly - because the block is already hidden before it is minimised.
Hope that helps
Team ross
Feb 16 '16
George, what theme is this?
I still don't understand what the issue is. Do you want to add border at the bottom to the closed chat window or you want hide the chat window when it is minimized?
George McConnell
Feb 17 '16
Hi Ross,
I'l try to explain in a clearer way ;)
First off - the theme is a 'tweaked' version of ShowCase - the issue is not theme related though - it is present regardless of which theme is used - however, my 'tweaks' have made it more visible!! I have moved the chat window a few pixels off the bottom of the browser window - it is therefore very clear that the bottom border is obscured - when it rests on the bottom of the browser window as it does in the 'standard' themes it is not so obvious!
I have attached another screen shot - it shows two chat windows minimised. The "Chloe" window is as I would expect it to appear. The "Alice" window illustrates the fault.
To explain: the conversation part of the chat window is hidden (display:none) when the chat window is minimised. Part of that conversation is the "stickyDate" - which only is displayed when the conversation window is "full" and is the date of the dialog item that is at the top of the visible window. This does not scroll with the rest of the window, but instead is changed when the date of the top message changes.
When you scroll to the very top of the dialog, the stickyDate is not shown (display:none) and that is how it was when I minimised the "Chloe" chat window.
When the stickyDate is being shown and you minimise the window you get what is seen in the "Alice" chat window. Here the block is has still got a display:block style - as you can see from the inspection window in the first screenshot. This block is shown "in front" of the minimized chat window and therefore obscures the bottom border. (it is the grey coloured block)
So - to answer your question - I don't want the window to hide; the bottom border is already there so it doesn't need to be added; what I want is for the "stickyDate" block to be hidden as it (I guess) is designed to be. I am 'reasonably' competent with php and css however when there is so much code it is difficult to know exactly where to look - and so far I have been unable to locate where the "display:none" should be inserted. That is what I would like to know.
I am thinking that the 'fix' is quite a simple one - I have just come up short in trying to find out where it should go.
Many thanks for your help
George
Team ross
Feb 17 '16
Ok, I hope I understood your correctly this time
add these styles
.ow_chat_dialog .ow_chat_block { padding-bottom: 0px!important;}
to your base.css of theme customizer
enable dev mode and refresh your site
George McConnell
Feb 17 '16
Hi Ross,
Sorry, that isn't the answer - I've added three more screen shots. I've moved the chat window even further from the edge of the screen so that it is clear what is happening - when it is at the edge it is obscured - which is probably why no one else has noticed this before now.
chat_open shows the chat window when in use - note the bar with "Feb 11" at the top of the conversation. That is the "stickyDate" block that I have been talking about.
chat_min shows what happens when you minimise the block - you will note that the block with "Feb 11" is still visible - should be hidden - as shown in the "what I want" screenshot.
As I said above, I don't think this is a css issue, I think that it requires a change somewhere in the php files to hide that block at the same time as the "container" is hidden - or perhaps the problem is that the stickyDate is not actually in the container and the code expects it to be. I don't know the code well enough to figure that out.
Does that help?
The Forum post is edited by George McConnell Feb 17 '16
Team ross
Feb 17 '16
Ok, now I see what you're talking about,
You need to do this
find this style
body .ow_chat_in_dialog_wrap {
border-color: #eff2f5 ; border-width: 0 1px 1px;}
and put
display: none;
after border width: 0 1px 1px;
and then add this style
.ow_chat_dialog_active .ow_chat_in_dialog_wrap { display: block;}
it should fix the issue
Team
