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;
}
@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 {
margin-right: 0;
}
@ -191,8 +190,7 @@ ul.topiclist li.row dt a.subforum {
/* 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 {
width: auto;
}
@ -344,22 +342,23 @@ fieldset.quick-login label[for="autologin"] {
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 {
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 {
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 {
max-width: 240px;
}
@ -372,8 +371,7 @@ fieldset.quick-login label[for="autologin"] {
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 {
width: auto;
float: none;
@ -513,8 +511,7 @@ fieldset.display-actions {
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 {
float: none;
text-align: center;