Frontend: RTL alignment fixes

[haimkastner]

• Navigation sub-menu item margin
• Notifier RTL text support
• Media list view headers direction
• Edit photo details view
• Share content view
• Upload media RTL text support

[StephenBrown2]

Looks like a couple !rtls got copy-pasted...

[StephenBrown2]

Suggested change

	<v-container grid-list-xs :text-xs-left="!rtl" :text-xs-right="!rtl" fluid>
	<v-container grid-list-xs :text-xs-left="!rtl" :text-xs-right="rtl" fluid>

[StephenBrown2]

Looks like this got copy-pasted...

Suggested change

	<v-container fluid :text-xs-left="!rtl" :text-xs-right="!rtl" class="pb-0 pt-3 pr-0 pl-0 caption">
	<v-container fluid :text-xs-left="!rtl" :text-xs-right="rtl" class="pb-0 pt-3 pr-0 pl-0 caption">

[haimkastner]

Hi @StephenBrown2,

Yes, you're right about the "copy-paste".

Most of the "vuetifyjs" components support RTL out-of-the-box.

But some of the styles are not supported RTL natively the and I didn't found a better way to implement it other than a high-risk CSS styles override.

Do you know a better way to do that?

By the way, I already set the first RTL supported using this ugly way see #801

[StephenBrown2]

But some of the styles are not supported RTL natively the and I didn't found a better way to implement it other than a high-risk CSS styles override.

Ah, good to know. I'm not familiar with RTL or really Vuetify yet, so your guess is as good as mine.

[lastzero]

Is this good to merge?

[graciousgrey]

Any update on this?

[haimkastner]

Hi @graciousgrey,
To the best of my knowledge, the current implementation is the best way to add RTL support without a risk to break something even that it's contained a few copy-pastes.