mirror/php-phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-07-30 21:40:43 +02:00
Code Issues Releases Wiki Activity

[ticket/11957] Responsive forms

Browse Source 
PHPBB3-11957
This commit is contained in:
Vjacheslav Trushkin
2013-10-26 09:51:07 +03:00
parent c23c64cb6d
commit 365d07ff6c
2 changed files with 71 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
phpBB/adm/style/admin.css
View File

@@ -1053,6 +1053,13 @@ select#full_folder_action {
width: 95%;
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
{
fieldset {
padding: 5px;
}
}
/* Definition list layout for forms
Other general def. list properties defined in prosilver_main.css
---------------------------------------- */
@@ -1184,6 +1191,51 @@ input:focus, textarea:focus {
outline-style: none;
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
{
fieldset dl {
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #e8e8e8;
}
fieldset > dl:last-child, fieldset > form:last-child > dl:last-child {
border-bottom-width: 0;
margin-bottom: 0;
}
fieldset dt, .rtl fieldset dt, fieldset dd, .rtl fieldset dd {
border-width: 0;
margin-left: 0;
margin-right: 0;
float: none;
width: auto;
}
.ltr fieldset dd {
padding-left: 20px;
}
.rtl fieldset dd {
padding-right: 20px;
}
dd select, dd input {
max-width: 300px;
}
dd input[type="number"] {
max-width: 70px;
}
}
@media only screen and (max-width: 400px), only screen and (max-device-width: 400px)
{
dd select, dd input {
max-width: 240px;
}
}
/* Submit button fieldset or paragraph
---------------------------------------- */
fieldset.submit-buttons {
@@ -1926,3 +1978,11 @@ fieldset.permissions .padding {
color: #FFFFFF;
font-size: 1.4em;
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
{
.responsive-hide { display: none !important; }
.responsive-show { display: block !important; }
.responsive-show-inline { display: inline !important; }
.responsive-show-inline-block { display: inline-block !important; }
}