Twitter Bootstrap .topbar hiding c5 edit buttons when logged in

Permalink
Hi There,

I'm in the process of creating a blank Twitter Bootstrap theme and noticed that the standard Twitter .topbar hides the c5 edit bar.

To get around this, I've used this in the <head> to show it:
<?php // Pushes .topbar down to reveal c5 edit bar when logged in
 $cp = new Permissions($c);
 if($cp->canWrite() && $cp->canAddSubContent()){
  echo('<style type="text/css">.topbar{margin-top:50px;}</style>');
 }
?>


Is this the best way to handle an issue like this?

Cheers

Ben

 
dantheman replied on at Permalink Reply
I think that is a good solution. Let me know how you are doing with it - was about to embark on the same thing myself.

Cheers
Dan
cmscss replied on at Permalink Reply
Seems to work great - I haven't noticed any issues editing the site in Safari anyway.

Cheers

Ben
facerX replied on at Permalink Reply
facerX
How goes the c5/twitter bootstrap integration? How did you get around the conflicts with the c5 UI?
cmscss replied on at Permalink Reply
UI conflicts have been pretty minimal:
- c5 edit bar hasn't been an issue since implementing the above
- All the form styles get applied to c5 (which in most cases looks better)
- Some of the headlines seem to get pushed over to the right by about 50px

Still working on it though - block templates and core commerce etc

This website stores cookies on your computer. These cookies are used to improve your website experience and provide more personalized services to you, both on this website and through other media. To find out more about the cookies we use, see our Privacy Policy.