TypedAvatar.vue colored background

resources/js/components/FilesView/DesktopToolbar.vue

@@ -16,9 +16,9 @@
 			<ToolbarWrapper>
 
 				<!--Search bar-->
-<!--				<ToolbarGroup style="margin-left: 0">
+				<ToolbarGroup style="margin-left: 0">
 					<SearchBar />
-				</ToolbarGroup>-->
+				</ToolbarGroup>
 
 				<!--Creating controls-->
 				<ToolbarGroup v-if="$checkPermission(['master', 'editor'])">
@@ -125,11 +125,7 @@
 				'clipboard',
 			]),
 			isLoadedFolder() {
-				if (this.sharedDetail && this.sharedDetail.data.attributes.item_id === this.$route.params.id) {
-					return false
-				}
-
-				return this.$route.params.id
+				return this.sharedDetail && this.sharedDetail.data.attributes.item_id === this.$route.params.id
 			},
 			hasCapacity() {
 				// Check if storage limitation is set
@@ -190,6 +186,7 @@
 			},
 			canShareInView() {
 				let routes = [
+					'TeamFolders',
 					'RecentUploads',
 					'MySharedItems',
 					'Public',

resources/js/components/FilesView/FolderIcon.vue

@@ -99,7 +99,7 @@
 	&.is-team {
 		path {
 			fill: transparent;
-			stroke-width: 20px;
+			stroke-width: 26px;
 			stroke: inherit;
 		}
 	}

resources/js/components/FilesView/InfoSidebar.vue

@@ -38,13 +38,6 @@
 				:content="singleFile.data.attributes.filesize"
 			/>
 
-			<!--Participant-->
-<!--            <ListInfoItem
-				v-if="$checkPermission(['master']) && singleFile.author !== 'user'"
-				:title="$t('file_detail.author')"
-				:content="$t('file_detail.author_participant')"
-			/>-->
-
 			<!--Created At-->
             <ListInfoItem
 				:title="$t('file_detail.created_at')"
@@ -62,6 +55,17 @@
                 </div>
             </ListInfoItem>
 
+			<!--Location-->
+            <ListInfoItem
+				v-if="singleFile.data.attributes.isTeamFolder"
+				:title="$t('Shared with the Team')"
+			>
+                <div class="action-button" @click="$updateTeamFolder(singleFile)">
+                    <TeamMembersPreview :folder="singleFile" :avatar-size="32" />
+                    <edit-2-icon size="10" class="edit-icon" />
+                </div>
+            </ListInfoItem>
+
 			<!--Shared-->
             <ListInfoItem
 				v-if="$checkPermission('master') && singleFile.data.relationships.shared"
@@ -90,6 +94,7 @@
 </template>
 
 <script>
+	import TeamMembersPreview from "../Teams/Components/TeamMembersPreview"
 	import FilePreviewDetail from '/resources/js/components/Others/FilePreviewDetail'
     import {Edit2Icon, LockIcon, UnlockIcon} from 'vue-feather-icons'
 	import ImageMetaData from '/resources/js/components/FilesView/ImageMetaData'
@@ -104,6 +109,7 @@
 	export default {
 		name: 'InfoSidebar',
 		components: {
+			TeamMembersPreview,
 			FilePreviewDetail,
 			ImageMetaData,
 			EmptyMessage,

resources/js/components/FilesView/SearchBar.vue

@@ -46,7 +46,7 @@
         .message {
             border-radius: 8px;
             padding: 11px 20px;
-            min-width: 300px;
+			width: 300px;
 			text-align: left;
 			display: flex;
 			justify-content: space-between;
@@ -59,6 +59,13 @@
         }
     }
 
+    @media only screen and (max-width: 1290px) {
+
+        .search-bar .message {
+            width: 230px;
+        }
+    }
+
     @media only screen and (max-width: 1024px) {
 
         .search-bar .message {