diff --git a/src/components/user_profile/user_profile.vue b/src/components/user_profile/user_profile.vue
index 74d101c4d..627925995 100644
--- a/src/components/user_profile/user_profile.vue
+++ b/src/components/user_profile/user_profile.vue
@@ -142,6 +142,9 @@
flex: 2;
flex-basis: 500px;
+ // No sticky header on user profile
+ --currentPanelStack: 1;
+
.user-profile-fields {
margin: 0 0.5em;
diff --git a/src/modules/interface.js b/src/modules/interface.js
index ed31b6ff1..a86193eaf 100644
--- a/src/modules/interface.js
+++ b/src/modules/interface.js
@@ -134,7 +134,7 @@ const interfaceMod = {
commit('setLayoutHeight', value)
},
// value is optional, assuming it was cached prior
- setLayoutWidth ({ commit, state, rootGetters }, value) {
+ setLayoutWidth ({ commit, state, rootGetters, rootState }, value) {
let width = value
if (value !== undefined) {
commit('setLayoutWidth', value)
@@ -144,7 +144,7 @@ const interfaceMod = {
const mobileLayout = width <= 800
const normalOrMobile = mobileLayout ? 'mobile' : 'normal'
const { thirdColumnMode } = rootGetters.mergedConfig
- if (thirdColumnMode === 'none') {
+ if (thirdColumnMode === 'none' || !rootState.users.currentUser) {
commit('setLayoutType', normalOrMobile)
} else {
const wideLayout = width >= 1300
diff --git a/src/panel.scss b/src/panel.scss
index fb9d17315..3a814269f 100644
--- a/src/panel.scss
+++ b/src/panel.scss
@@ -18,7 +18,7 @@
bottom: 0;
left: 0;
right: 0;
- z-index: 3;
+ z-index: 5;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
box-shadow: var(--panelShadow);
pointer-events: none;
@@ -60,7 +60,7 @@
padding: 0.6em;
height: var(--__panel-heading-height);
line-height: var(--__panel-heading-height-inner);
- z-index: 2;
+ z-index: 4;
&.-flexible-height {
--__panel-heading-height: auto;