mirror/php-phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-02-24 03:54:10 +01:00
Code Issues Releases Wiki Activity

[ticket/12553] Fix the responsive topic/forum lists.

Browse Source 
PHPBB3-12553
This commit is contained in:
Cesar G 2014-05-29 19:57:11 -07:00
parent e17b5796bf
commit dd141d55f9
1 changed files with 44 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
phpBB/styles/prosilver/theme/bidi.css
View File

@ -917,6 +917,50 @@ ul.linklist li.small-icon > a, ul.linklist li.breadcrumbs span:first-child > a {
*/ */
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
{ {
/* .topiclist lists
----------------------------------------*/
.rtl ul.topiclist li.header dt, .rtl ul.topiclist li.header dt .list-inner {
margin-left: 0 !important;
padding-left: 0;
}
.rtl ul.topiclist dt, .rtl ul.topiclist dt .list-inner,
.rtl ul.topiclist.missing-column dt, .rtl ul.topiclist.missing-column dt .list-inner,
.rtl ul.topiclist.two-long-columns dt, .rtl ul.topiclist.two-long-columns dt .list-inner,
.rtl ul.topiclist.two-columns dt, .rtl ul.topiclist.two-columns dt .list-inner {
margin-left: 0;
}
.rtl ul.topiclist dt .list-inner.with-mark {
padding-left: 34px;
}
/* Forums and topics lists
----------------------------------------*/
.rtl ul.topiclist.forums dt, .rtl ul.topiclist.topics dt {
margin-left: -250px;
}
.rtl ul.topiclist.forums dt .list-inner, .rtl ul.topiclist.topics dt .list-inner {
margin-left: 250px;
}
.rtl ul.topiclist dd.mark {
left: 5px;
right: auto;
text-align: right;
}
@media only screen and (max-width: 550px), only screen and (max-device-width: 550px)
{
.rtl ul.topiclist.forums dt, .rtl ul.topiclist.topics dt {
margin-left: 0;
}
.rtl ul.topiclist.forums dt .list-inner, .rtl ul.topiclist.topics dt .list-inner {
margin-left: 0;
}
}
.rtl table.responsive.show-header thead, .rtl table.responsive.show-header th:first-child { .rtl table.responsive.show-header thead, .rtl table.responsive.show-header th:first-child {
text-align: right !important; text-align: right !important;
} }