makary/phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-06-28 14:18:52 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #2974 from hanakin/ticket/13080

Browse source 
[Ticket/13080] Fix text overflow issue in mobile
This commit is contained in:
Joas Schilling 2014-09-23 14:43:04 +02:00
commit 05ae327553
1 changed files with 11 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
phpBB/styles/prosilver/theme/responsive.css
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;