namespace popover values

This commit is contained in:
Mark Otto 2012-01-30 01:20:51 -08:00
parent db31efb995
commit f4e5bc1c53
4 changed files with 32 additions and 32 deletions

Binary file not shown.

View File

@ -2928,7 +2928,7 @@ button.btn.small, input[type="submit"].btn.small {
width: 0; width: 0;
height: 0; height: 0;
} }
.popover .inner { .popover-inner {
padding: 3px; padding: 3px;
width: 280px; width: 280px;
overflow: hidden; overflow: hidden;
@ -2941,7 +2941,7 @@ button.btn.small, input[type="submit"].btn.small {
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
} }
.popover .title { .popover-title {
padding: 9px 15px; padding: 9px 15px;
line-height: 1; line-height: 1;
background-color: #f5f5f5; background-color: #f5f5f5;
@ -2950,7 +2950,7 @@ button.btn.small, input[type="submit"].btn.small {
-moz-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
} }
.popover .content { .popover-content {
padding: 14px; padding: 14px;
background-color: #ffffff; background-color: #ffffff;
-webkit-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px;
@ -2960,7 +2960,7 @@ button.btn.small, input[type="submit"].btn.small {
-moz-background-clip: padding-box; -moz-background-clip: padding-box;
background-clip: padding-box; background-clip: padding-box;
} }
.popover .content p, .popover .content ul, .popover .content ol { .popover-content p, .popover-content ul, .popover-content ol {
margin-bottom: 0; margin-bottom: 0;
} }
.thumbnails { .thumbnails {

View File

@ -38,8 +38,8 @@
, title = this.getTitle() , title = this.getTitle()
, content = this.getContent() , content = this.getContent()
$tip.find('.title')[ $.type(title) == 'object' ? 'append' : 'html' ](title) $tip.find('.popover-title')[ $.type(title) == 'object' ? 'append' : 'html' ](title)
$tip.find('.content > *')[ $.type(content) == 'object' ? 'append' : 'html' ](content) $tip.find('.popover-content > *')[ $.type(content) == 'object' ? 'append' : 'html' ](content)
$tip.removeClass('fade top bottom left right in') $tip.removeClass('fade top bottom left right in')
} }
@ -89,7 +89,7 @@
$.fn.popover.defaults = $.extend({} , $.fn.tooltip.defaults, { $.fn.popover.defaults = $.extend({} , $.fn.tooltip.defaults, {
placement: 'right' placement: 'right'
, content: '' , content: ''
, template: '<div class="popover"><div class="arrow"></div><div class="inner"><h3 class="title"></h3><div class="content"><p></p></div></div></div>' , template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>'
}) })
}( window.jQuery ) }( window.jQuery )

View File

@ -21,7 +21,8 @@
width: 0; width: 0;
height: 0; height: 0;
} }
.inner { }
.popover-inner {
padding: 3px; padding: 3px;
width: 280px; width: 280px;
overflow: hidden; overflow: hidden;
@ -29,15 +30,15 @@
background: rgba(0,0,0,.8); background: rgba(0,0,0,.8);
.border-radius(6px); .border-radius(6px);
.box-shadow(0 3px 7px rgba(0,0,0,0.3)); .box-shadow(0 3px 7px rgba(0,0,0,0.3));
} }
.title { .popover-title {
padding: 9px 15px; padding: 9px 15px;
line-height: 1; line-height: 1;
background-color: #f5f5f5; background-color: #f5f5f5;
border-bottom:1px solid #eee; border-bottom:1px solid #eee;
.border-radius(3px 3px 0 0); .border-radius(3px 3px 0 0);
} }
.content { .popover-content {
padding: 14px; padding: 14px;
background-color: @white; background-color: @white;
.border-radius(0 0 3px 3px); .border-radius(0 0 3px 3px);
@ -45,5 +46,4 @@
p, ul, ol { p, ul, ol {
margin-bottom: 0; margin-bottom: 0;
} }
}
} }