Seperate blocks in /admin/features. (#5345)

* Seperate blocks in /admin/features.

Its hard to distinguish between blocks of settings in the features page. Its
useful to clearly mark the blocks belonging together.

* Also try to separate items for other themes.

* Make sure separate settings boxes work in all themes.
This commit is contained in:
Andreas Neustifter 2018-07-10 22:57:13 +02:00 committed by Hypolite Petovan
parent 39abfb547d
commit 298b528c81
5 changed files with 1750 additions and 1751 deletions

View file

@ -10,8 +10,10 @@
<div class="settings-content-block"> <div class="settings-content-block">
{{foreach $f.1 as $fcat}} {{foreach $f.1 as $fcat}}
<div class="settings-block">
{{include file="field_yesno.tpl" field=$fcat.0}} {{include file="field_yesno.tpl" field=$fcat.0}}
{{include file="field_yesno.tpl" field=$fcat.1}} {{include file="field_yesno.tpl" field=$fcat.1}}
</div>
{{/foreach}} {{/foreach}}
<div class="settings-submit-wrapper" > <div class="settings-submit-wrapper" >

View file

@ -7,13 +7,9 @@
<form action="settings/connectors" method="post" autocomplete="off"> <form action="settings/connectors" method="post" autocomplete="off">
<input type='hidden' name='form_security_token' value='{{$form_security_token}}'> <input type='hidden' name='form_security_token' value='{{$form_security_token}}'>
<span id="settings_general_inflated" class="settings-block fakelink" style="display: block;" onclick="openClose('settings_general_expanded'); openClose('settings_general_inflated');"> <h3 class="settings-heading"><a onclick="openClose('settings_general_expanded'); openClose('settings_general_inflated');">{{$general_settings}}</a></h3>
<h3 class="connector">{{$general_settings}}</h3>
</span>
<div id="settings_general_expanded" class="settings-block" style="display: none;"> <div id="settings_general_expanded" class="settings-block" style="display: none;">
<span class="fakelink" onclick="openClose('settings_general_expanded'); openClose('settings_general_inflated');">
<h3 class="connector">{{$general_settings}}</h3>
</span>
{{include file="field_checkbox.tpl" field=$disable_cw}} {{include file="field_checkbox.tpl" field=$disable_cw}}
{{include file="field_checkbox.tpl" field=$no_intelligent_shortening}} {{include file="field_checkbox.tpl" field=$no_intelligent_shortening}}

View file

@ -2721,9 +2721,7 @@ aside input[type='text'] {
} }
.settings-block { .settings-block {
border: 1px solid #AAA; border-bottom: 1px solid #AAA;
margin: 10px;
padding: 10px;
} }
.app-title { .app-title {

View file

@ -2551,6 +2551,9 @@ footer {
#adminpage .selectall { #adminpage .selectall {
text-align: right; text-align: right;
} }
.settings-block {
border-bottom: 1px solid #cccccc;
}
/* edit buttons for comments */ /* edit buttons for comments */
.icon.dim { .icon.dim {
opacity: 0.3; opacity: 0.3;

View file

@ -211,16 +211,14 @@ span.scroll_loader_text {
div.pager { div.pager {
clear: left; clear: left;
text-align: center; text-align: center;
/* /* height: 1.2em;
height: 1.2em;
padding-bottom: 12px; padding-bottom: 12px;
color: black; color: black;
background-color: #f2f2f2; background-color: #f2f2f2;
margin-top: 5px; margin-top: 5px;
padding: 1%; padding: 1%;
height: 1em; height: 1em;
margin-bottom: 5px; margin-bottom: 5px; */
*/
} }
.birthday-notice, .event-notice { .birthday-notice, .event-notice {
@ -257,7 +255,6 @@ div.pager {
width: 660px; width: 660px;
border-bottom: 1px solid #BDCDD4; border-bottom: 1px solid #BDCDD4;
border-top: 1px solid #BDCDD4; border-top: 1px solid #BDCDD4;
padding: 8px; padding: 8px;
} }
@ -406,7 +403,9 @@ code {
#sidebar-group-list .notify { #sidebar-group-list .notify {
display: none; display: none;
} }
#sidebar-group-list .notify.show { display: inline-block; } #sidebar-group-list .notify.show {
display: inline-block;
}
.tool .label { .tool .label {
/* float: left; */ /* float: left; */
} }
@ -912,7 +911,7 @@ ul.menu-popup .empty {
z-index: 100000; z-index: 100000;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
} }
acpopup-mce { .acpopup-mce {
color: #2d2d2d; color: #2d2d2d;
max-height: 150px; max-height: 150px;
} }
@ -1789,7 +1788,6 @@ section.minimal {
} }
#profile-jot-form #jot-title, #profile-jot-form #jot-category { #profile-jot-form #jot-title, #profile-jot-form #jot-category {
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
font-weight: bold; font-weight: bold;
height: 20px; height: 20px;
@ -2919,6 +2917,7 @@ a.mail-list-link {
} }
.settings-block { .settings-block {
border-bottom: 1px solid #898989;
/* border: 1px solid #AAA; */ /* border: 1px solid #AAA; */
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
@ -3399,6 +3398,7 @@ img.photo-album-photo {
#invite-wrapper textarea { #invite-wrapper textarea {
width: 100%; width: 100%;
} }
/* upload/select popup */ /* upload/select popup */
fbrowser.image .photo-album-image-wrapper { margin-left: 10px; } fbrowser.image .photo-album-image-wrapper { margin-left: 10px; }
#message-preview { margin-top: 15px; } #message-preview { margin-top: 15px; }