makary/phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-06-10 21:38:54 +00:00
Code Issues Projects Releases Packages Wiki Activity

[ticket/11957] Responsive ACP permissions

Browse source 
PHPBB3-11957
This commit is contained in:
Vjacheslav Trushkin 2013-10-26 22:45:55 +03:00
parent bea94b1f5b
commit 522d5cc3f4
4 changed files with 79 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
phpBB/adm/style/acp_permission_roles.html
View file

@ -91,7 +91,7 @@
<!-- BEGIN auth --> <!-- BEGIN auth -->
<div class="permissions-panel" id="options00{auth.S_ROW_COUNT}"<!-- IF auth.S_FIRST_ROW --><!-- ELSE --> style="display: none;"<!-- ENDIF -->> <div class="permissions-panel" id="options00{auth.S_ROW_COUNT}"<!-- IF auth.S_FIRST_ROW --><!-- ELSE --> style="display: none;"<!-- ENDIF -->>
<div class="tablewrap"> <div class="tablewrap">
<table id="table00{auth.S_ROW_COUNT}" cellspacing="1"> <table id="table00{auth.S_ROW_COUNT}" cellspacing="1" class="not-responsive">
<colgroup> <colgroup>
<col class="permissions-name" /> <col class="permissions-name" />
<col class="permissions-yes" /> <col class="permissions-yes" />

14
phpBB/adm/style/acp_permissions.html
View file

@ -110,7 +110,7 @@
<!-- ELSEIF S_SELECT_USERGROUP --> <!-- ELSEIF S_SELECT_USERGROUP -->
<div style="float: {S_CONTENT_FLOW_BEGIN}; width: 48%;"> <div class="column1">
<!-- IF S_CAN_SELECT_USER --> <!-- IF S_CAN_SELECT_USER -->
@ -155,7 +155,7 @@
</div> </div>
<div style="float: {S_CONTENT_FLOW_END}; width: 48%"> <div class="column2">
<!-- IF S_CAN_SELECT_GROUP --> <!-- IF S_CAN_SELECT_GROUP -->
@ -200,7 +200,7 @@
<!-- ELSEIF S_SELECT_USERGROUP_VIEW --> <!-- ELSEIF S_SELECT_USERGROUP_VIEW -->
<div style="float: {S_CONTENT_FLOW_BEGIN}; width: 48%;"> <div class="column1">
<h1>{L_USERS}</h1> <h1>{L_USERS}</h1>
@ -241,7 +241,7 @@
</div> </div>
<div style="float: {S_CONTENT_FLOW_END}; width: 48%"> <div class="column2">
<h1>{L_USERGROUPS}</h1> <h1>{L_USERGROUPS}</h1>
@ -324,7 +324,7 @@
</form> </form>
<!-- ENDIF --> <!-- ENDIF -->
<br /><br /> <br class="responsive-hide" /><br class="responsive-hide" />
<!-- include tooltip file --> <!-- include tooltip file -->
<script type="text/javascript" src="style/tooltip.js"></script> <script type="text/javascript" src="style/tooltip.js"></script>
@ -340,7 +340,7 @@
<!-- INCLUDE permission_mask.html --> <!-- INCLUDE permission_mask.html -->
<br /><br /> <br class="responsive-hide" /><br class="responsive-hide" />
<fieldset class="quick" style="float: {S_CONTENT_FLOW_END};"> <fieldset class="quick" style="float: {S_CONTENT_FLOW_END};">
<input class="button1" type="submit" name="action[apply_all_permissions]" value="{L_APPLY_ALL_PERMISSIONS}" /> <input class="button1" type="submit" name="action[apply_all_permissions]" value="{L_APPLY_ALL_PERMISSIONS}" />
@ -348,7 +348,7 @@
{S_FORM_TOKEN} {S_FORM_TOKEN}
</fieldset> </fieldset>
<br /><br /> <br class="responsive-hide" /><br class="responsive-hide" />
</form> </form>

70
phpBB/adm/style/admin.css
View file

@ -1224,6 +1224,7 @@ select#full_folder_action {
} }
fieldset.quick, p.quick { fieldset.quick, p.quick {
float: none !important;
text-align: center; text-align: center;
} }
@ -1861,6 +1862,15 @@ li.pagination ul {
/* Permission interface /* Permission interface
---------------------------------------- */ ---------------------------------------- */
.column1, .column2 {
width: 48%;
float: left;
}
.ltr .column2, .rtl .column1 {
float: right;
}
fieldset.permissions legend { fieldset.permissions legend {
text-transform: none; text-transform: none;
} }
@ -2149,6 +2159,66 @@ fieldset.permissions .padding {
padding: 0; padding: 0;
} }
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
{
.column1, .column2 {
float: none !important;
width: auto;
}
.permissions-simple {
clear: both;
}
.permissions-simple td, .permissions-simple dd {
width: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.permissions-simple dd {
margin-top: 5px;
}
.permissions-panel .tablewrap {
margin: 0 5px;
}
.permissions-category {
min-width: 0;
margin: 0 !important;
}
.permissions-category a, .permissions-category a span.tabbg {
display: block;
float: none !important;
background: transparent none;
}
.permissions-category a {
background: #d9e5ee;
margin: 5px 0;
padding: 0 !important;
border-radius: 3px;
text-decoration: underline;
}
.permissions-category .activetab a {
background-color: #dd6900;
color: #fff;
}
.permissions-category a span.tabbg {
color: inherit !important;
padding-top: 6px !important;
padding-bottom: 6px !important;
}
.permissions-category .activetab span.colour {
border-color: #fff;
}
}
/* Avatars gallery /* Avatars gallery
---------------------------------------- */ ---------------------------------------- */
#gallery { #gallery {

2
phpBB/adm/style/permission_mask.html
View file

@ -76,7 +76,7 @@
<!-- BEGIN category --> <!-- BEGIN category -->
<div class="permissions-panel" id="options{p_mask.S_ROW_COUNT}{p_mask.f_mask.S_ROW_COUNT}{p_mask.f_mask.category.S_ROW_COUNT}" <!-- IF p_mask.S_FIRST_ROW and p_mask.f_mask.S_FIRST_ROW and p_mask.f_mask.category.S_FIRST_ROW --><!-- ELSE --> style="display: none;"<!-- ENDIF -->> <div class="permissions-panel" id="options{p_mask.S_ROW_COUNT}{p_mask.f_mask.S_ROW_COUNT}{p_mask.f_mask.category.S_ROW_COUNT}" <!-- IF p_mask.S_FIRST_ROW and p_mask.f_mask.S_FIRST_ROW and p_mask.f_mask.category.S_FIRST_ROW --><!-- ELSE --> style="display: none;"<!-- ENDIF -->>
<div class="tablewrap"> <div class="tablewrap">
<table id="table{p_mask.S_ROW_COUNT}{p_mask.f_mask.S_ROW_COUNT}{p_mask.f_mask.category.S_ROW_COUNT}" cellspacing="1"> <table id="table{p_mask.S_ROW_COUNT}{p_mask.f_mask.S_ROW_COUNT}{p_mask.f_mask.category.S_ROW_COUNT}" cellspacing="1" class="not-responsive">
<colgroup> <colgroup>
<col class="permissions-name" /> <col class="permissions-name" />
<col class="permissions-yes" /> <col class="permissions-yes" />