Details
-
Bug
-
Status: Closed (View Workflow)
-
Minor
-
Resolution: Duplicate
-
3.3.8
-
None
-
None
Description
When viewing search results using an RTL language, the layout becomes broken when the screen width is made smaller, also the quote button is not positioned correctly in the topic review, these are linked and can be sorted by making a couple of adjustments and adding a couple of rules to the bidi.css.
bidi.css stylesheet.
Find:
/* Post body styles
|
----------------------------------------*/
|
Add Below:
.rtl .search .postbody {
|
width: 68%; |
}
|
Find:
.rtl .topicreview {
|
padding-right: 0; |
padding-left: 5px;
|
}
|
Add below:
.rtl .topicreview .postbody {
|
float: none; |
width: auto;
|
}
|
Find:
.rtl .postbody {
|
margin-right: 0; |
margin-left: 16px;
|
}
|
Change to:
.rtl .postbody {
|
width: calc(100% - 16px - 1px - 200px); |
}
|
Find:
.rtl .postprofile, .rtl .postbody, .rtl .search .postbody {
|
float: none; |
}
|
Change to:
.rtl .postprofile, .rtl .postbody, .rtl .search .postbody {
|
float: none; |
width: auto;
|
}
|
