@afeefa/vue-app 0.0.180 → 0.0.181

package/.afeefa/package/release/version.txt

@@ -1 +1 @@
-0.0.180
+0.0.181

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@afeefa/vue-app",
-  "version": "0.0.180",
+  "version": "0.0.181",
   "description": "",
   "author": "Afeefa Kollektiv <kollektiv@afeefa.de>",
   "license": "MIT",

package/src-admin/components/InformationBar.vue

@@ -41,7 +41,8 @@ export default class InformationBar extends Vue {
   visible = false
   mobile = false
   rail = false
-  width = 300
+  defaultWidth = 300
+  width = this.defaultWidth
 
   created () {
     this.$events.on(SidebarEvent.STATUS, ({payload: {information, informationRailed, mobile}}) => {
@@ -88,20 +89,30 @@ export default class InformationBar extends Vue {
 
   @Watch('rail')
   railChanged () {
-    const right = `calc(-${this.width}px - 3rem + 60px)`
-    this.$el.style.marginRight = this.rail ? right : 0
+    this.setRailMargin()
   }
 
   toggleRail () {
     sidebarService.setRailInformation(!this.rail)
   }
 
+  setRailMargin () {
+    if (this.rail) {
+      const right = `calc(-${this.width}px - 3rem + 60px)`
+      this.$el.style.marginRight = right
+    } else {
+      this.$el.style.marginRight = 0
+    }
+  }
+
   domChanged () {
     const old = this.visible
     const visible = this.hasSidebarItems()
 
     if (visible && !old) {
-      this.width = this.getWidthFromItems()
+      this.width = this.getWidthFromItems() || this.defaultWidth
+      this.setRailMargin()
+
       sidebarService.setInformation(true)
     }