admin/37794-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Admin search bar layout for RTL (Arabic)

Browse Source
This commit is contained in:
Flatlogic Bot 2026-02-01 06:41:03 +00:00
parent 5189171048
commit ef50367f00
2 changed files with 30 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
core/templates/admin/search_form.html
View File

@ -19,9 +19,9 @@
{% if cl.search_fields %}
<div class="search-container" style="display: flex; gap: 5px; align-items: center;">
<div class="input-group" style="width: auto; max-width: 300px; display: flex; flex-wrap: nowrap;">
<input type="text" size="40" name="{{ search_var }}" value="{{ cl.query }}" id="searchbar" class="form-control" placeholder="{% trans 'Search' %}" autofocus style="border-top-right-radius: 0; border-bottom-right-radius: 0; flex: 1;">
<input type="text" size="40" name="{{ search_var }}" value="{{ cl.query }}" id="searchbar" class="form-control masar-search-input" placeholder="{% trans 'Search' %}" autofocus style="flex: 1;">
<div class="input-group-append">
<button type="submit" class="btn {{ jazzmin_ui.button_classes.primary|default:'btn-primary' }}" style="border-top-left-radius: 0; border-bottom-left-radius: 0; white-space: nowrap;">
<button type="submit" class="btn {{ jazzmin_ui.button_classes.primary|default:'btn-primary' }} masar-search-btn" style="white-space: nowrap;">
<i class="fas fa-search"></i> {% trans 'Search' %}
</button>
</div>
@ -42,4 +42,4 @@
{% endfor %}
</form>
</div>
</div>

28
static/css/custom.css
View File

@ -213,4 +213,30 @@ body.model-platformprofile label[for="id_admin_panel_logo"] {
.admindatefilter .controls {
display: inline-flex !important;
align-items: center !important;
}
}
/* --- Search Box RTL/LTR Border Radius Handling --- */
/* LTR (Default) */
.masar-search-input {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.masar-search-btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
/* RTL Override */
[dir="rtl"] .masar-search-input {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
[dir="rtl"] .masar-search-btn {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}