Hide bookmarked icon

Devs: Theme Design & Custom CSS
1

What I’m trying to do

Trying to hide the icon in tab bar that indicates a file to be bookmarked.

Things I have tried

Using AI to find a suitable CSS.

Is there any way to hide the icon in tab bar that indicates a file is bookmarked?

I’ve already tried to find a suitable CSS snippet, but without success.

I’d really appreciate it if anyone could point me in the right direction. Would need this particularly on my iPhone. Thanks a lot!

IMG_7540
IMG_7540408×120 7.59 KB

2

On desktop, I move it to the farthest right icon spot (first snippet), and on iOS I hide it (second snippet). You could give something like that a try to start:

.workspace-leaf-content:not([data-type="browser"]) .view-action.mod-bookmarked {
  order: 1; 
}

.is-phone .workspace-leaf-content:not([data-type="browser"]) .view-action.mod-bookmarked {
  display: none; 
}

If you want to hide it on desktop and mobile, this should be fine:

.workspace-leaf-content:not([data-type="browser"]) .view-action.mod-bookmarked {
  display: none; 
}
3

Thanks ariehen. Works like a charm and resolves my problem. Thank you very much for your speedy and effective help.