mirror_php/php-debugbar
1
0
Fork 0
mirror of https://github.com/maximebf/php-debugbar.git synced 2025-07-28 04:00:43 +02:00
Code Issues Releases Wiki Activity

Small change for responsive CSS

Browse Source 
Update full_init.html, javascript : rename function and variable.
This commit is contained in:
GuimDev
2013-12-27 09:33:05 +01:00
parent bac451ca86
commit 20051093ad
3 changed files with 14 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/DebugBar/Resources/debugbar.css
View File

@@ -188,4 +188,4 @@ div.phpdebugbar-mini-design a.phpdebugbar-tab {
}
div.phpdebugbar-mini-design a.phpdebugbar-tab i {
display:inline-block;
}
}

19
src/DebugBar/Resources/debugbar.js
View File

@@ -400,18 +400,23 @@ if (typeof(PhpDebugBar) == 'undefined') {
this.firstTabName = null;
this.activePanelName = null;
this.datesetTitleFormater = new DatasetTitleFormater(this);
this.responsiveCSS();
this.registerResizeHandler();
},
responsiveCSS: function() {
/**
* Register resize event, for resize debugbar with reponsive css.
*
* @this {DebugBar}
*/
registerResizeHandler: function() {
var self = this, f = null;
self.$respCSS_size = 0;
self.respCSSSize = 0;
$(window).resize(f = function () {
var $ = PhpDebugBar.$;
var header = $(".phpdebugbar-header");
var contentSize = self.$respCSS_size;
if (self.$respCSS_size == 0) {
var contentSize = self.respCSSSize;
if (self.respCSSSize == 0) {
$(header).find("> *:visible").each(function () {
contentSize += $(this).outerWidth();
});
@@ -421,11 +426,11 @@ if (typeof(PhpDebugBar) == 'undefined') {
var cssClass = "phpdebugbar-mini-design", bool = $(header).hasClass(cssClass);
if (currentSize <= contentSize && !bool) {
self.$respCSS_size = contentSize;
self.respCSSSize = contentSize;
$(header).addClass(cssClass);
} else if (contentSize < currentSize && bool) {
self.$respCSS_size = 0;
self.respCSSSize = 0;
$(".phpdebugbar-header").removeClass(cssClass);
}
});

2
tests/DebugBar/Tests/full_init.html
View File

@@ -1,7 +1,7 @@
<script type="text/javascript">
jQuery.noConflict(true);
var phpdebugbar = new PhpDebugBar.DebugBar();
phpdebugbar.addTab("messages", new PhpDebugBar.DebugBar.Tab({"title":"Messages", "widget": new PhpDebugBar.Widgets.MessagesWidget()}));
phpdebugbar.addTab("messages", new PhpDebugBar.DebugBar.Tab({"icon":"list-alt","title":"Messages", "widget": new PhpDebugBar.Widgets.MessagesWidget()}));
phpdebugbar.addIndicator("time", new PhpDebugBar.DebugBar.Indicator({"icon":"time"}));
phpdebugbar.setDataMap({
"messages": ["messages.messages", []],