1
0
mirror of https://github.com/phpbb/phpbb.git synced 2025-08-03 15:27:42 +02:00

Merge pull request #2974 from hanakin/ticket/13080

[Ticket/13080] Fix text overflow issue in mobile
This commit is contained in:
Joas Schilling
2014-09-23 14:43:04 +02:00

View File

@@ -161,8 +161,7 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
font-weight: normal; font-weight: normal;
} }
@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) @media only screen and (max-width: 550px), only screen and (max-device-width: 550px) {
{
ul.topiclist.forums dt { ul.topiclist.forums dt {
margin-right: 0; margin-right: 0;
} }
@@ -191,8 +190,7 @@ ul.topiclist li.row dt a.subforum {
/* Notifications list /* Notifications list
----------------------------------------*/ ----------------------------------------*/
@media only screen and (max-width: 350px), only screen and (max-device-width: 350px) @media only screen and (max-width: 350px), only screen and (max-device-width: 350px) {
{
.dropdown-extended .dropdown-contents { .dropdown-extended .dropdown-contents {
width: auto; width: auto;
} }
@@ -344,22 +342,23 @@ fieldset.quick-login label[for="autologin"] {
min-width: 50%; min-width: 50%;
} }
@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) @media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {
{ dd label {
white-space: normal;
}
select, .inputbox { select, .inputbox {
max-width: 260px; max-width: 260px;
} }
} }
@media only screen and (max-width: 430px), only screen and (max-device-width: 430px) @media only screen and (max-width: 430px), only screen and (max-device-width: 430px) {
{
.section-viewtopic .search-box .inputbox { .section-viewtopic .search-box .inputbox {
width: 110px; width: 110px;
} }
} }
@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) @media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
{
select, .inputbox { select, .inputbox {
max-width: 240px; max-width: 240px;
} }
@@ -372,8 +371,7 @@ fieldset.quick-login label[for="autologin"] {
width: auto; width: auto;
} }
@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) @media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {
{
dl.details dt, dl.details dd { dl.details dt, dl.details dd {
width: auto; width: auto;
float: none; float: none;
@@ -513,8 +511,7 @@ fieldset.display-actions {
width: 100%; width: 100%;
} }
@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) @media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {
{
p.responsive-center { p.responsive-center {
float: none; float: none;
text-align: center; text-align: center;