Skip to site navigation (Press enter)

[web2py] Re: Anyone using BootSwatch with new web2py layout

Paolo Caruccio Thu, 31 May 2012 15:39:16 -0700

Omi,

please try attached files and let me know if you have the same problem.


Il giorno giovedì 31 maggio 2012 22:23:16 UTC+2, Omi Chiba ha scritto:
>
> Comment out the jquery code will also disable the sub-menus somehow. The 
> sub-menus doesn't appear after the change.
>
> On Wednesday, May 30, 2012 3:05:46 PM UTC-5, Paolo Caruccio wrote:
>>
>> Andrew,
>>
>> it's simple go back to old auth_navbar.
>>
>> In views/layout.html comment this jquery code:
>>
>>             jQuery('.auth_navbar').each(function(){        
>>                 jQuery(this)
>>  .addClass('btn-group')
>>  .children('a').addClass('btn')
>>             });
>>
>> and change the <div id="navbar"> in this way (note separators):
>>
>> <div id="navbar">{{='auth' in globals() and auth.navbar(separators=(' 
>> ',' | ',''))}}</div>
>>
>> At least add below 2 rows to bottom of static/css/bootswatch.css:
>>
>> #navbar{
>> padding-top:9px;
>> }
>> #navbar .auth_navbar, #navbar .auth_navbar a{
>>  color:inherit;
>>  //color:expression(this.parentNode.currentStyle['color']); /* ie7 
>> doesn't support inherit */
>> }
>>
>> Please, let me know if it works.
>>
>> Il giorno mercoledì 30 maggio 2012 07:42:07 UTC+2, Andrew ha scritto:
>>>
>>> Thanks Paolo,
>>> The layout is back to normal.  However the Login set of links are 
>>> looking like buttons, rather than the background being the same as the 
>>> navbar.  This is the same in the two browsers I'm looking at (IE7 and 
>>> Firefox).
>>>
>>> I prefer the way it looked in firefox.  Does it need to be a set 
>>> background to work ?
>>>
>>>
>>>
>>>
>>> On Tuesday, May 29, 2012 7:33:50 AM UTC+12, Paolo Caruccio wrote:
>>>>
>>>> Andrew,
>>>>
>>>> I, just now, proposed a patch through issue tracker (
>>>> http://code.google.com/p/web2py/issues/detail?id=824) that should 
>>>> resolve the problems with IE7 noted by you. Moreover the auth_navbar is 
>>>> more compliant with bootstrap (check the image). I tested the new welcome 
>>>> layout replacing the default web2py bootstrap.min.css with some from 
>>>> bootswatch and it seems work good now. 
>>>>
>>>

Title: {{=response.title or request.application}}

{{=response.flash or ''}}

Share

{{if left_sidebar_enabled:}} {{pass}}

{{block center}} {{include}} {{end}}

{{if right_sidebar_enabled:}}

{{block right_sidebar}}

Right Sidebar

{{end}}

{{pass}}

{{if response.google_analytics_id:}} {{pass}}

body {
  padding-top: 90px; /* container go all the way to the bottom of the topbar */
  height:auto; /*to avoid vertical scroll bar*/
}

h1,h2,h3,h4,h5,h6 {font-family: inherit;}

li {margin-bottom: 0;} /*bootswatch*/

.auth_navbar, .navbar .btn-group{padding:0;}

@media only screen and (max-width: 320px) {
  .navbar-inner{position:relative;}
  #navbar{float:none;position:absolute;bottom:-10px;left:4px;}
}

.jumbotron h1 {
  margin-bottom: 9px;
  font-size: 81px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1;
}

.subhead h1 {
  font-size: 54px;
}

.jumbotron small {
  font-size: 20px;
  font-weight: 300;
}

/* bootstrap dropdown */

.dropdown-menu ul {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover ul {
    visibility: visible;
}

.navbar .dropdown-menu ul:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 5px;
}

.navbar .dropdown-menu ul:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 6px;
    left: -6px;
}

.dropdown-menu span{
  display:inline-block;
}

.icon-chevron-right {
  border-left: 4px solid #000;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  content: "";
  display: inline-block;
  height: 0;
  opacity: 0.7;
  vertical-align: top;
  width: 0;
  margin-right:-13px;
  margin-top: 7px;
  float:right;
}

#navbar{
padding-top:9px;
}
#navbar .auth_navbar, #navbar .auth_navbar a{
	color:inherit;
}
.ie-lte8 #navbar .auth_navbar, .ie-lte8 #navbar .auth_navbar a{
	//color:expression(this.parentNode.currentStyle['color']); /* ie7 doesn't support inherit */
}