forge/Anvil
1
0
Fork 0
Code Pull requests Activity

fix: use logical properties when possible

Browse source 
This way the design will adapt to the writing direction. If it is not
possible, use the ltr and rtl filter to adjust the design.

Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
This commit is contained in:
André Jaenisch 2024-02-22 13:46:23 +01:00 committed by André Jaenisch
parent 23b96d9aaa
commit 31a7512a0b
2 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/lib/components/templates/ImportProject.svelte
View file

@ -91,10 +91,10 @@
</label> </label>
<input <input
type="url" type="url"
class="input ml-8 w-auto" class="input ms-8 w-auto"
placeholder={$_('page.import_project.form.fields.repository.placeholder')} placeholder={$_('page.import_project.form.fields.repository.placeholder')}
/> />
<div class="flex gap-1 items-center ml-8 text-warning-700"> <div class="flex gap-1 items-center ms-8 text-warning-700">
<Info16 fill="currentColor" /> <Info16 fill="currentColor" />
{$_('page.import_project.form.fields.repository.hint')} {$_('page.import_project.form.fields.repository.hint')}
</div> </div>

10
src/lib/components/templates/Profile.svelte
View file

@ -21,7 +21,7 @@
<Avatar avatar={data.user.avatar} displayName={data.user.display_name} /> <Avatar avatar={data.user.avatar} displayName={data.user.display_name} />
</div> </div>
<!-- Board --> <!-- Board -->
<div class="flex flex-1 flex-col pl-8"> <div class="flex flex-1 flex-col ps-8">
<div class="self-end"> <div class="self-end">
<Created <Created
created_at={data.user.created_at} created_at={data.user.created_at}
@ -74,20 +74,20 @@
{$_('page.profile.history.heading')} {$_('page.profile.history.heading')}
</h2> </h2>
<ul> <ul>
<li class="flex flex-col border-l-2 ml-2"> <li class="flex flex-col ltr:border-l-2 rtl:border-r-2 ms-2">
<!-- Commit day --> <!-- Commit day -->
<span class="relative"> <span class="relative">
<span class="absolute -left-3"> <span class="absolute ltr:-left-3 rtl:-right-3">
<NorthStar24 fill="currentColor" /> <NorthStar24 fill="currentColor" />
</span> </span>
<span class="ml-4"> <span class="ms-4">
{$date(new Date('2023-04-23'))} - {$_( {$date(new Date('2023-04-23'))} - {$_(
'page.profile.history.activities.setup.summary' 'page.profile.history.activities.setup.summary'
)} )}
</span> </span>
</span> </span>
<!-- Commits --> <!-- Commits -->
<span class="ml-6 mt-8"> <span class="ms-6 mt-8">
<span class="border box-decoration-clone px-4 py-2 leading-10"> <span class="border box-decoration-clone px-4 py-2 leading-10">
{$_('page.profile.history.activities.setup.description', { {$_('page.profile.history.activities.setup.description', {
values: { values: {