Vertical title for notes after v0.16

Try restarting Obsidian, if you haven’t already? I’m not sure that’s needed, but it’s worth a try.

I have disabled and re-enabled automatic updates but nothing has changed @Olondre

So yes I quit Obsidian several times and I even restarted my Mac but nothing changed @CawlinTeffid . I really don’t understand it’s weird.

That’s not what I meant when i talked about the Installer Version.
Your process would be to go to https://obsidian.md/ → download the new installer for v.1.0.0 and Install it. Then you’ll be on Version 1.0.0 (Installer 1.0.0) instead of Version 1.0.0 (Installer 0.15.9).

As I said, I have no idea if this will fix your problem, but it’s worth a try. Remember to make a Backup of your Vault(s) before Installing, just as a precaution.

I liked how the Sliding Pane handled the title.

I don’t want upright, I just want the direction to be flipped. I don’t know how to use CSS. I tried the following snippet but it moves the file name to the bottom.

.workspace-tab-header-inner-title {
	writing-mode: vertical-lr !important;
	text-orientation: sideways !important;
	transform: rotate(180deg) !important;
}

I hope they come up with an option to flip the direction

Try adding text-align: right; to what you already have.

.workspace-tab-header-inner-title {
	writing-mode: vertical-lr !important;
	text-orientation: sideways !important;
	transform: rotate(180deg) !important;
	text-align: right;
}
1 Like

image
I’m just going to assume the UI will never be the same.

You need to add .workspace-tabs.mod-stacked to the CSS, if you only want to effect the “Stack Tabs” mode.
Like so: .workspace-tabs.mod-stacked .workspace-tab-header-inner-title {

2 Likes

That does nothing for me. Looking at the Inspection screen workspace-tabs.mod-stacked doesn’t appear.
image

I’ve just tested it and it works like a charm.
Without the problem you faced in normal tab view:

.workspace-tabs.mod-stacked .workspace-tab-header-inner-title {
	writing-mode: vertical-lr !important;
	text-orientation: sideways !important;
	transform: rotate(180deg) !important;
	text-align: right;
}
1 Like

¯\_(ツ)_/¯
I’m clearly missing something.

Are you not changing to the “Stack Tabs” mode by any chance? You can do that via the arrow pointing downwards next to the minimize button.

2 Likes

That was it!
thank you.

Oh okay my bad @Olondre sorry. So I followed your process but it still doesn’t work.

I tried also what you recommend @ariehen but same it doesn’t work.

An even weirder thing is that I can’t even see the titles with the windows mode.

When I disable snippets this happens:

And when I reactivate the snippet given on this topic this happens:

Maybe this problem is a key to solve my problem. I don’t know…

I tried again with this snippet but it still doesn’t work…

I really don’t understand what the problem is.

I’m really sorry to cause you problems.

Did you click the stacked tabs?
image
Should look like:
image

1 Like

Thank you @CawlinTeffid and @Olondre for your help. Now it looks exactly as I want it. (Though I would still prefer Andy’s plugin over this).

for me, I needed to add !important to last option as well. And I think Obsidian already uses text-orientation: sideways or mixed . Changing writing-mode has no effect. So for me, the following snippet is working,

.workspace-tabs.mod-stacked .workspace-tab-header-inner-title {
	transform: rotate(180deg) !important;
	text-align: right !important;
}
1 Like

yup, you were missing some back slashes, here you go.

¯\\\_(ツ)_/¯ => ¯\_(ツ)_/¯

1 Like

Yeah, they posted a screenshot earlier that showed they’d done that.

1 Like

I was scrolling through to see that, but somehow I missed it. I am removing my comment.

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.