Improving LHC-Web default theme about livehelperchat

[raphaelsuzuki]

A screenshot of the current version:

[remdex]

Looks really cool. Do have a screenshot how looks chat window?
P.s let me know then you finish all so i could add it as separate theme :)

[raphaelsuzuki]

Just updated!

Glad you liked it, Remigijus!

I think it's almost complete, just need to polish it a bit.

[raphaelsuzuki]

Testing Foundation's Reveal in place of Colorbox, had to include its scripts and styles:

For some odd reason, sound controls on top-bar bypasses the overlay. Will fix that.

[remdex]

And don't forget close icon. In original version there is close string at the bottom of popup.

[raphaelsuzuki]

It's not working as I expected earlier. By calling the content via ajax, it wipes all the data, includig the close icon, and it seems to not have an iframe option like Colorbox.

I'll try the only option available, that is doing all manually.

[raphaelsuzuki]

All Colorbox modals uses the 'popup.php' template and it's only used by modals?

One solution will be removing its header, footer and body tags, since it doesn't uses iframes, and adding:

<a class="close-reveal-modal">&#215;</a>

That way we'll only need to dynamically call the content via ajax and pass to Reveal.

[remdex]

Sorry, but we need iframes in some places and for that reason colorbox was used. There some hardcoding to change all to ajax interaface, so i suggest just keep colorbox as it is.

[raphaelsuzuki]

Ok. It's better to keep Colorbox for now and leave the Reveal changes for future releases.

[remdex]

One more thing. I just released new version. Now debug window will show used CSS, JS files, CSS Images files. So in general you can put all your design files in one extension if you want.

[remdex]

Just curious have you completed your theme and can I prepare it for others?

[raphaelsuzuki]

I'm starting using LHC on a production environment today and so I'll know what needs to be changed.

I think it will be ready by the end of this week.

[remdex]

Cool,
Let me know then it's ready :)

[raphaelsuzuki]

Have you tested the theme on your server?

I can't install it properly on my production server, but it works ok on my development server.

[remdex]

No I haven't
Have you disabled cache first? and then edited your settings file?
You have also clear cache after you install new theme.

I will try your theme tomorrow.

[raphaelsuzuki]

Let me correct myself.

I can install it, but some things aren't working, like icon fonts and custom sounds.

[remdex]

Just check that your server allows to download these types of files. Perhaps you can write me mail where can I see by myself your install?

[raphaelsuzuki]

Sound is ok now.

Font icons works if I set the CSS file outside the compile tool.

When compiled, it is outputting this:

@font-face {font-family:'fontello';src:url('
');src:url('
#iefix') format('embedded-opentype'),url('
') format('woff'),url('
') format('truetype'),url('
') format('svg');font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before {font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.icon-plus:before { content:'\e816''}

[...]

Font face sources are empty.

[remdex]

I see now. Just need to find an issue with CSS compiler i will look in to it in a few days.

[remdex]

Fixed your issue with this commit:
a7ba4df

I tried your theme also. Just few things.

1. You should override only files in which you make changes. You do not have to override all themes files, see:
   http://livehelperchat.com/article/view/59
2. On chrome, top icons are incorrectly position they are missing padding top, although icons are correctly positioned in FF.
3. As I fixed this CSS parse issue you can move fontello.css to proper location.

Seems all for the moment.

[raphaelsuzuki]

Thanks, Rem!

Everything is working now.

1. Since I was going to change to a lot of files, I decided to fully copy the default theme and start working from it. In the next releases, I'll try to remove unchanged files;

2 & 3) Corrected it in the latest release.

Thanks again!

[remdex]

Hi,

I have remade top bar based on your design. I will be adding time from time some changes from your theme to default theme 👍

[raphaelsuzuki]

Hi, Remigijus.

I'm glad that you liked it and merged into the core.

I'm creating a simpler version with less modified files in order to be easily implemented.

Sorry for the late response, I was kind of busy.

[remdex]

No problem for that, we all are busy and have our main jobs.