upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-05-28 04:32:30 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 25

fix(files): Hide full view name on small mobile to prevent overflow

Browse source 
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
Signed-off-by: Eduardo Morales <emoral435@gmail.com>
This commit is contained in:
Ferdinand Thiessen 2024-03-26 14:41:06 +01:00
parent de47a9ef11
commit f6b1fd41c9
No known key found for this signature in database
GPG key ID: 45FAE7268762B400
1 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
apps/files/src/components/BreadCrumbs.vue
View file

@ -21,17 +21,17 @@
-->
<template>
<NcBreadcrumbs
data-cy-files-content-breadcrumbs
<NcBreadcrumbs data-cy-files-content-breadcrumbs
:aria-label="t('files', 'Current directory path')"
:class="{ breadcrumb__progress: wrapUploadProgressBar }">
class="files-list__breadcrumbs"
:class="{ 'files-list__breadcrumbs--with-progress': wrapUploadProgressBar }">
<!-- Current path sections -->
<NcBreadcrumb v-for="(section, index) in sections"
:key="section.dir"
v-bind="section"
dir="auto"
:to="section.to"
:force-icon-text="true"
:force-icon-text="index === 0 && filesListWidth >= 486"
:title="titleForSection(index, section)"
:aria-description="ariaForSection(section)"
@click.native="onClick(section.to)"
@ -55,6 +55,7 @@ import type { Node } from '@nextcloud/files'
import { basename } from 'path'
import { defineComponent } from 'vue'
import { Permission } from '@nextcloud/files'
import { translate as t } from '@nextcloud/l10n'
import HomeSvg from '@mdi/svg/svg/home.svg?raw'
import NcBreadcrumb from '@nextcloud/vue/dist/Components/NcBreadcrumb.js'
@ -165,7 +166,7 @@ export default defineComponent({
return this.filesStore.getNode(id)
},
getFileIdFromPath(path: string): number | undefined {
return this.pathsStore.getPath(this.currentView?.id, path)
return this.pathsStore.getPath(this.currentView!.id, path)
},
getDirDisplayName(path: string): string {
if (path === '/') {
@ -276,23 +277,23 @@ export default defineComponent({
</script>
<style lang="scss" scoped>
.breadcrumb {
.files-list__breadcrumbs {
// Take as much space as possible
flex: 1 1 100% !important;
width: 100%;
height: 100%;
margin-inline: 0px 10px 0px 10px;
margin-block: 0;
margin-inline: 10px;
& :deep() {
:deep() {
a {
cursor: pointer !important;
}
}
&__progress {
&--with-progress {
flex-direction: column !important;
align-items: flex-start !important;
}
}
</style>