Fix #430: Allow to configure toolbar position via `Module::$toolbarPo…

…sition` property

CHANGELOG.md

@@ -4,6 +4,7 @@ Yii Framework 2 debug extension Change Log
 2.1.26 under development
 ------------------------
 
+- Enh #430: Allow to configure toolbar position via `Module::$toolbarPosition` property (sasha-x)
 - Bug #528: Fix `yii\debug\Panel::getTraceLine()` to handle backtrace for internal PHP functions (zymeli)
 
 

src/Module.php

@@ -105,6 +105,12 @@ class Module extends \yii\base\Module implements BootstrapInterface
      * @since 2.1.1
      */
     public $defaultHeight = 50;
+    /**
+     * @var string toolbar position on web page. Use 'bottom' or 'upper'.
+     * You may add custom value via .yii-debug-toolbar_position_{yourValue} css.
+     * @since 2.1.14
+     */
+    public $toolbarPosition = 'bottom';
     /**
      * @var bool whether to enable message logging for the requests about debug module actions.
      * You normally do not want to keep these logs because they may distract you from the logs about your applications.

src/assets/scss/toolbar.scss

@@ -74,6 +74,22 @@
     margin: 0;
 }
 
+.yii-debug-toolbar_position_upper {
+    position: fixed;
+    right: 0;
+    top: 0;
+    margin: 0;
+}
+
+.yii-debug-toolbar_position_upper.yii-debug-toolbar_iframe_active {
+    border-bottom: 1px solid rgba(0, 0, 0, .11);
+
+    .yii-debug-toolbar__toggle-icon {
+        -webkit-transform: rotate(-90deg);
+        transform: rotate(-90deg);
+    }
+}
+
 .yii-debug-toolbar__bar {
     position: relative;
     padding: 0;

src/controllers/DefaultController.php

@@ -141,7 +141,7 @@ public function actionToolbar($tag)
         return $this->renderPartial('toolbar', [
             'tag' => $tag,
             'panels' => $this->module->panels,
-            'position' => 'bottom',
+            'position' => $this->module->toolbarPosition,
             'defaultHeight' => $this->module->defaultHeight,
         ]);
     }