Hide “See all ” link of list/document webPart in modern page

Question

I want to prevent users from opening the library/list source. I created views and I don't want them access to the original list/library and switch between views or modify them.

So how I can hide this link from modern page?

I can accomplish this in the classic mode by embedded CSS into the page, but now with the modern page there is no script editor web part to do that.

Answer 1

We can install react script editor in site, and add the modern script editor web part into modern page with the code below to hide the "See all".

<style>
a[aria-label='See all']{
    display:none !important;
}
</style>

Refer to: Add The Script Editor Webpart back to SharePoint Modern Experience

Or we can inject a custom Cascading Style Sheet (CSS) on modern pages using SPFx.

react application injectcss