langfingaz/anki
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix some RTL issues in help modals (#2857)

Browse Source 
* Fix RTL position of close button in help modals

* Fix position of active button's border

* Fix margin of modal's title

* Fix alignment of modal buttons' text

* Add missing translation
This commit is contained in:
Abdo 2023-12-01 08:07:44 +03:00 committed by GitHub
parent 75febab401
commit e2e9e37a31
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ftl/core/help.ftl
View File

@ -18,3 +18,5 @@ help-no-explanation =
# Link to more detailed information in the manual
help-for-more-info = For more information, see { $link } in the manual.
help-ok = OK

8
ts/components/HelpModal.svelte
View File

@ -141,7 +141,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" on:click={onOkClicked}>
OK
{tr.helpOk()}
</button>
</div>
</div>
@ -154,7 +154,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
}
.modal-title {
margin-right: 0.75rem;
margin-inline-end: 0.75rem;
}
.manual-badge {
@ -185,7 +185,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
display: block;
padding: 0.5rem 0.75rem;
text-decoration: none;
text-align: left;
text-align: start;
min-width: 250px;
background-color: var(--canvas);
border: none;
@ -195,7 +195,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
background-color: var(--canvas-inset);
}
&.active {
border-left: 4px solid var(--border-focus);
border-inline-start: 4px solid var(--border-focus);
}
}
</style>

5
ts/deck-options/deck-options-base.scss
View File

@ -27,3 +27,8 @@ input {
html {
height: initial;
}
[dir="rtl"] .modal-header .btn-close {
padding: 1rem 1rem !important;
margin: -1rem auto -1rem -1rem !important;
}