fix(outline): fix mobile detection and box shadow

Also enable outline on mobile in read-write mode. Fixes: #6410 Fixes: #6693 Signed-off-by: Jonas <jonas@freesources.org> [skip ci]
nextcloud · Dec 5, 2024 · b7427bc · b7427bc
1 parent a5f0b4c
commit b7427bc
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/components/Editor/EditorOutline.vue b/src/components/Editor/EditorOutline.vue
@@ -1,5 +1,5 @@
 <template>
-	<div data-text-el="editor-outline" class="editor--outline" :class="{ 'editor--outline-mobile': mobile }">
+	<div data-text-el="editor-outline" class="editor--outline" :class="{ 'editor--outline-mobile': $isMobile }">
 		<header class="editor--outline__header">
 			<NcButton class="editor--outline__btn-close"
 				type="tertiary"
@@ -21,6 +21,7 @@ import TableOfContents from './TableOfContents.vue'
 import { useOutlineStateMixin, useOutlineActions } from './Wrapper.provider.js'
 import { Close } from './../icons.js'
 import useStore from '../../mixins/store.js'
+import { useIsMobileMixin } from '../Editor.provider.js'
 
 export default {
 	name: 'EditorOutline',
@@ -63,7 +64,8 @@ export default {
 	max-height: calc(100% - 204px);
 
 	&-mobile {
-		box-shadow: 8px 0 17px -19px var(--color-box-shadow);
+		border-radius: var(--border-radius-large);
+		box-shadow: 0 1px 10px var(--color-box-shadow);
 		background-color: var(--color-main-background-translucent);
 		z-index: 1;
 	}

diff --git a/src/components/Editor/Wrapper.vue b/src/components/Editor/Wrapper.vue
@@ -102,7 +102,7 @@ export default {
 				return false
 			}
 
-			return this.viewWidth > 1265
+			return true
 		},
 	},
-Original file line number
+Diff line change
@@ Expand Up / @@ -102,7 +102,7 @@ export default { @@
     				return false
     			}
-    			return this.viewWidth > 1265
+    			return true
     		},
     	},
@@ Expand Down @@