discourse
/
discourse-search-banner
mirror of https://github.com/discourse/discourse-search-banner.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: fix alignment for RTL languages (#67)

This commit is contained in:
Kris 2024-09-06 17:37:07 -04:00 committed by GitHub
parent 91741e4b19
commit 6366cafa29
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
common/common.scss
View File

@ -87,8 +87,13 @@ $max-width: 600px;
line-height: 1; line-height: 1;
color: var(--primary-medium); color: var(--primary-medium);
height: 100%; height: 100%;
padding-right: 0.25em;
position: absolute; position: absolute;
left: 0;
.rtl & {
right: 0;
left: unset;
}
.discourse-no-touch & { .discourse-no-touch & {
&:hover { &:hover {
background: transparent; background: transparent;
@ -100,6 +105,10 @@ $max-width: 600px;
} }
+ .search-menu-container .search-input { + .search-menu-container .search-input {
padding-left: 1.75em; padding-left: 1.75em;
.rtl & {
padding-left: unset;
padding-right: 1.75em;
}
} }
+ .search-menu-container .search-input .search-context { + .search-menu-container .search-input .search-context {
margin-left: 4px; margin-left: 4px;