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
parent 4264975a16
commit 496bde0a43
No known key found for this signature in database
GPG key ID: 5A668E771F1ED854
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>
<input
type="url"
class="input ml-8 w-auto"
class="input ms-8 w-auto"
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" />
{$_('page.import_project.form.fields.repository.hint')}
</div>

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

@ -21,7 +21,7 @@
<Avatar avatar={data.user.avatar} displayName={data.user.display_name} />
</div>
<!-- Board -->
<div class="flex flex-1 flex-col pl-8">
<div class="flex flex-1 flex-col ps-8">
<div class="self-end">
<Created
created_at={data.user.created_at}
@ -74,20 +74,20 @@
{$_('page.profile.history.heading')}
</h2>
<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 -->
<span class="relative">
<span class="absolute -left-3">
<span class="absolute ltr:-left-3 rtl:-right-3">
<NorthStar24 fill="currentColor" />
</span>
<span class="ml-4">
<span class="ms-4">
{$date(new Date('2023-04-23'))} - {$_(
'page.profile.history.activities.setup.summary'
)}
</span>
</span>
<!-- 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">
{$_('page.profile.history.activities.setup.description', {
values: {