makary/phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-06-08 04:18:52 +00:00
Code Issues Projects Releases Packages 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
Show stats 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%; width: 95%;
} }
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
{
fieldset {
padding: 5px;
}
}
/* Definition list layout for forms /* Definition list layout for forms
Other general def. list properties defined in prosilver_main.css Other general def. list properties defined in prosilver_main.css
---------------------------------------- */ ---------------------------------------- */
@ -1184,6 +1191,51 @@ input:focus, textarea:focus {
outline-style: none; 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 /* Submit button fieldset or paragraph
---------------------------------------- */ ---------------------------------------- */
fieldset.submit-buttons { fieldset.submit-buttons {
@ -1926,3 +1978,11 @@ fieldset.permissions .padding {
color: #FFFFFF; color: #FFFFFF;
font-size: 1.4em; 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; }
}

11
phpBB/adm/style/admin.js
View file

@ -133,6 +133,17 @@ function parse_document(container)
$(this).parent('table:first').addClass('responsive-hide'); $(this).parent('table:first').addClass('responsive-hide');
} }
}); });
/**
* Fieldsets with empty <span>
*/
container.find('fieldset dt > span:last-child').each(function() {
var $this = $(this);
if ($this.html() == '&nbsp;') {
$this.addClass('responsive-hide');
}
});
} }
/** /**