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">
{{foreach $f.1 as $fcat}}
<div class="settings-block">
{{include file="field_yesno.tpl" field=$fcat.0}}
{{include file="field_yesno.tpl" field=$fcat.1}}
</div>
{{/foreach}}
<div class="settings-submit-wrapper" >

View File

@ -7,13 +7,9 @@
<form action="settings/connectors" method="post" autocomplete="off">
<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="connector">{{$general_settings}}</h3>
</span>
<h3 class="settings-heading"><a onclick="openClose('settings_general_expanded'); openClose('settings_general_inflated');">{{$general_settings}}</a></h3>
<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=$no_intelligent_shortening}}

View File

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

View File

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

View File

@ -16,7 +16,7 @@ img {
/* ========= */
#adminpage {
/* width: 80%;*/
/* width: 80%; */
}
#adminpage .screenshot img {
@ -41,7 +41,7 @@ img {
.admin.link {
list-style-position: inside;
font-size: 1em;
/* padding-left: 5px;
/* padding-left: 5px;
margin: 5px; */
}
@ -89,34 +89,34 @@ img {
margin-right: 1em;
}
#adminpage table {width:100%; border-bottom: 1px solid #000000; margin: 5px 0px;}
#adminpage table th { text-align: left;}
#adminpage td .icon { float: left;}
#adminpage table { width:100%; border-bottom: 1px solid #000000; margin: 5px 0px; }
#adminpage table th { text-align: left; }
#adminpage td .icon { float: left; }
#adminpage table#users img { width: 16px; height: 16px; }
#adminpage table tr:hover { background-color: #eeeeee; }
#adminpage .selectall { text-align: right; }
/* icons */
/*
.article { background-position: -50px 0px;}
.block { background-position: -90px 0px;}
.drophide { background-position: -130px 0px;}
.article {background-position: -50px 0px;}
.block {background-position: -90px 0px;}
.drophide {background-position: -130px 0px;}
.noglobe { background-position: -70px -20px;}
.no { background-position: -90px -20px;}
.recycle { background-position: -190px -20px;}
.remote-link { background-position: -210px -20px;}
.share { background-position: -230px -20px;}
.noglobe {background-position: -70px -20px;}
.no {background-position: -90px -20px;}
.recycle {background-position: -190px -20px;}
.remote-link {background-position: -210px -20px;}
.share {background-position: -230px -20px;}
.tools { background-position: -50px -40px;}
.tools {background-position: -50px -40px;}
.youtube { background-position: -130px -40px;}
.youtube {background-position: -130px -40px;}
.language { background-position: -210px -40px;}
.language {background-position: -210px -40px;}
.prev { background-position: -90px -60px;}
.next { background-position: -110px -60px;}
.tagged { background-position: -130px -60px;}
.prev {background-position: -90px -60px;}
.next {background-position: -110px -60px;}
.tagged {background-position: -130px -60px;}
*/
.icon.drop, .icon.drophide {
@ -149,7 +149,7 @@ img {
text-indent: 0px;
}
.icon.s10 {
/* min-width: 10px;
/* min-width: 10px;
height: 10px; */
/* font-size: 10px; */
}
@ -211,16 +211,14 @@ span.scroll_loader_text {
div.pager {
clear: left;
text-align: center;
/*
height: 1.2em;
/* height: 1.2em;
padding-bottom: 12px;
color: black;
background-color: #f2f2f2;
margin-top: 5px;
padding: 1%;
height: 1em;
margin-bottom: 5px;
*/
margin-bottom: 5px; */
}
.birthday-notice, .event-notice {
@ -230,7 +228,7 @@ div.pager {
}
#live-network {
/* border-bottom: 1px solid #BDCDD4; */
/* border-bottom: 1px solid #BDCDD4; */
border-bottom: 1px solid #D2D2D2;
width: 100%;
height: 10px;
@ -257,13 +255,12 @@ div.pager {
width: 660px;
border-bottom: 1px solid #BDCDD4;
border-top: 1px solid #BDCDD4;
padding: 8px;
}
/* global */
body {
/* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
/* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Helvetica,Arial,sans-serif;
font-size: 14px;
/* font-size: 13px;
@ -282,7 +279,7 @@ a {
color: #36C;
/* color: #3e3e8c; */
/* color: #3465A4; */
/*color: #3E3E8C; */
/* color: #3E3E8C; */
text-decoration: none;
}
a:hover {
@ -291,7 +288,7 @@ a:hover {
}
.wall-item-name-link {
/* float: left;*/
/* float: left;*/
}
.wall-item-photo {
@ -322,8 +319,8 @@ a:hover {
cursor: pointer;
}
.fakelink:hover {
/*color: blue;*/
/*color: #005c94; */
/* color: blue;*/
/* color: #005c94; */
text-decoration: underline;
}
code {
@ -363,7 +360,7 @@ code {
margin: 0px;
padding: 1em;
list-style: none;
/*border: 3px solid #364e59;*/
/* border: 3px solid #364e59;*/
z-index: 100000;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
}
@ -406,15 +403,17 @@ code {
#sidebar-group-list .notify {
display: none;
}
#sidebar-group-list .notify.show { display: inline-block; }
#sidebar-group-list .notify.show {
display: inline-block;
}
.tool .label {
/* float: left; */
/* float: left; */
}
.tool .action {
float: right;
}
.tool a {
/* color: #000; */
/* color: #000; */
}
.tool a:hover, .widget a:hover, #nets-sidear a:hover, #forum-widget-collapse:hover, .admin.link a:hover, aside h4 a:hover, right_aside h4 a:hover {
/* text-decoration: underline; */
@ -435,7 +434,7 @@ code {
.nets-all:hover, .saved-search-li:hover, li.tool:hover, .admin.link:hover, aside h4 a:hover, right_aside h4 a:hover, #message-new:hover,
#sidebar-photos-albums li:hover, .photos-upload-link:hover, .textcomplete-item.active {
/* background-color: #ddd; */
/* background-color: #e5e5e5; */
/* background-color: #e5e5e5; */
background-color: #F5F5F5;
}
@ -444,7 +443,7 @@ code {
}
.sidebar-group-element {
/* color: #000; */
/* color: #000; */
}
.group-selected, .nets-selected, .fileas-selected, .forum-selected {
@ -717,7 +716,7 @@ nav .nav-menu:hover {
/* color: #fff !important; */
color: #fff;
/* text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); */
/* background: #4c619c; */
/* background: #4c619c; */
text-decoration: none;
}
@ -816,11 +815,11 @@ nav #nav-apps-link.selected {
border-bottom-style: none;
}
nav #nav-notifications-linkmenu.on .icon-bell:before{
nav #nav-notifications-linkmenu.on .icon-bell:before {
content: "\f0f3";
}
/* nav #nav-community-link { */
/* nav #nav-community-link {*/
nav ul {
margin-left: 210px;
}
@ -850,11 +849,11 @@ nav #nav-user-linkmenu {
top: 56px;
}
.notify-unseen { background-color: #FFF; }
.notify-unseen {background-color: #FFF; }
.notify-seen {
background: none repeat scroll 0 0 #EEE;
}
}
ul.menu-popup {
visibility:hidden;
@ -912,7 +911,7 @@ ul.menu-popup .empty {
z-index: 100000;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
}
acpopup-mce {
.acpopup-mce {
color: #2d2d2d;
max-height: 150px;
}
@ -1229,9 +1228,9 @@ aside img {
/* widget */
.widget {
margin-bottom: 1em;
/*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
.action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
/* font-size: 12px; */
/*.action .s10 {width: 10px; overflow: hidden; padding: 0px;}
.action .s16 {width: 16px; overflow: hidden; padding: 0px;}*/
/* font-size: 12px; */
}
.widget h3 {
padding: 0px;
@ -1300,8 +1299,8 @@ aside img {
}
/* section */
section {
/*font-size: 13px;
line-height: 19.5px;*/
/* font-size: 13px;
line-height: 19.5px; */
font-size: 14.95px;
line-height: 21px;
display: table-cell;
@ -1358,7 +1357,7 @@ section.minimal {
/* wall item */
.tread-wrapper {
/* border-bottom: 1px solid #BDCDD4; */
/* border-bottom: 1px solid #BDCDD4; */
border-bottom: 1px solid #D2D2D2;
position: relative;
padding: 5px;
@ -1371,7 +1370,7 @@ section.minimal {
position: absolute;
left: 755px;
left: calc(100% - 16px);
/* top: -10px; */
/* top: -10px; */
width: 16px;
}
.unstarred {
@ -1678,7 +1677,7 @@ section.minimal {
width: 32px;
height: 32px;
margin-left: 16px;
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
/* background: url(../../../images/icons/22/user.png) no-repeat center center; */
}
.wall-item-container.comment {
@ -1732,7 +1731,7 @@ section.minimal {
width: 32px;
height: 32px;
margin-left: 16px;
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
/* background: url(../../../images/icons/22/user.png) no-repeat center center; */
}
.comment-edit-preview {
@ -1766,7 +1765,7 @@ section.minimal {
.shiny {
/* border-right: 10px solid #fce94f; */
/* border-right: 1px solid #A7C7F7;
/* border-right: 1px solid #A7C7F7;
padding-right: 12px; */
}
@ -1789,7 +1788,6 @@ section.minimal {
}
#profile-jot-form #jot-title, #profile-jot-form #jot-category {
border-radius: 5px 5px 5px 5px;
font-weight: bold;
height: 20px;
@ -1806,7 +1804,7 @@ section.minimal {
#profile-jot-form #jot-title:-moz-placeholder {
font-weight: normal;
}
#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{
#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl {
/* width: 785px; */
width: 100%;
height: 100px;
@ -1829,16 +1827,16 @@ section.minimal {
padding-top: 1px;
padding-bottom: 2px;
font-size: 12px;
/*display: none;*/
/* display: none; */
}
.tag {
color: rgb(153,153,153);
/*padding-left: 3px;
font-size: 10px;*/
/* padding-left: 3px;
font-size: 10px; */
}
.tag a {
/*padding-right: 8px;*/
/* padding-right: 8px; */
color: rgb(153,153,153);
}
.wwto {
@ -2091,7 +2089,7 @@ section.minimal {
position: absolute;
z-index: 99;
}
table.smiley-preview{
table.smiley-preview {
background-color: #FFF;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
}
@ -2252,17 +2250,17 @@ ul.tabs li {
ul.tabs a, div.pager a {
/* min-width: 34px; */
/* display: block;
/* display: block;
float: left; */
padding: 0px;
padding-bottom: 6px;
/* padding: 0px 12px 0px 12px; */
/* color: #444; */
/* padding: 0px 12px 0px 12px; */
/* color: #444; */
color: darkgray;
}
ul.tabs a {
/* box-shadow: 1px 2px 0px 0px #D8D8D8; */
/* box-shadow: 1px 2px 0px 0px #D8D8D8; */
margin-right: 15px;
margin-left: 5px;
}
@ -2293,7 +2291,7 @@ ul.tabs a {
}
.comment-edit-submit-wrapper .fakelink {
/* border: 1px solid lightgray; */
/* border: 1px solid lightgray; */
background: #F2F2F2;
margin-top: 2px;
margin-bottom: 2px;
@ -2496,7 +2494,7 @@ aside #id_password {
margin-bottom: 15px;
}
#profile-edit-links ul { margin: 0; padding:0 0 20px 0; list-style: none; }
#profile-edit-links ul {margin: 0; padding:0 0 20px 0; list-style: none; }
#profile-edit-links li {
float: left;
@ -2646,7 +2644,7 @@ aside #id_password {
z-index: 10000;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
}
.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
.contact-photo-menu ul {margin:0px; padding: 0px; list-style: none }
.contact-photo-menu li a {
display: block;
padding: 5px 10px;
@ -2709,8 +2707,8 @@ blockquote {
float: left;
}
.contact-block-textdiv { width: 150px; height: 34px; float: left; }
#contact-block-end { clear: both; }
.contact-block-textdiv {width: 150px; height: 34px; float: left; }
#contact-block-end {clear: both; }
#group-edit-wrapper {
margin-bottom: 10px;
@ -2722,7 +2720,7 @@ blockquote {
/*
#group-separator,
#prof-separator { display: none;}
#prof-separator {display: none;}
*/
#message-to-select {
@ -2919,6 +2917,7 @@ a.mail-list-link {
}
.settings-block {
border-bottom: 1px solid #898989;
/* border: 1px solid #AAA; */
padding-left: 5px;
padding-right: 5px;
@ -3150,22 +3149,22 @@ img.photo-album-photo {
opacity: 1;
}
.menu-profile-list{
.menu-profile-list {
height: auto;
overflow: auto;
min-height: 16px;
list-style: none;
}
.menu-profile-list:hover{
}
.menu-profile-list:hover {
background: #E7F2F7;
}
.menu-profile-list-item{
}
.menu-profile-list-item {
padding-left: 5px;
vertical-align: middle;
}
.menu-profile-list-item:hover{
}
.menu-profile-list-item:hover {
text-decoration: none;
}
}
.autocomplete {
width: 350px;
@ -3291,7 +3290,7 @@ img.photo-album-photo {
border: none;
}
.icon.tilted-icon{
.icon.tilted-icon {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
@ -3305,37 +3304,37 @@ img.photo-album-photo {
#profile-edit-wrapper {
line-height: 30px;
}
#profile-edit-wrapper .field{
#profile-edit-wrapper .field {
margin-bottom:0;
padding-bottom:0;
}
#profile-edit-wrapper input[type=text],
#profile-edit-wrapper select{
#profile-edit-wrapper select {
width:250px;
}
#profile-edit-wrapper #profile-edit-dob select{
#profile-edit-wrapper #profile-edit-dob select {
width:auto;
}
#profile-edit-wrapper,
#profile-edit-wrapper .toggle-section-content{
#profile-edit-wrapper .toggle-section-content {
margin-bottom:15px;
}
.profile-edit-submit-wrapper{
.profile-edit-submit-wrapper {
margin-top:15px;
}
#profile-edit-default-desc{
#profile-edit-default-desc {
display:inline-block;
padding:15px;
width:auto;
border:1px solid #511919;
}
#profile-edit-wrapper .toggle-section-content{
#profile-edit-wrapper .toggle-section-content {
background:#ededed;
max-width:599px;
padding:5px;
}
.btn{
.btn {
outline:none;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
@ -3367,15 +3366,15 @@ img.photo-album-photo {
text-align:center;
text-shadow:1px 1px 0px #ffffff;
}
.btn:hover{
.btn:hover {
background-color:#e6e6e6;
text-decoration:none;
}
.btn:active{
}
.btn:active {
position:relative;
top:1px;
}
.profile-view-actions{
}
.profile-view-actions {
float:right;
}
/* videos page */
@ -3399,13 +3398,14 @@ img.photo-album-photo {
#invite-wrapper textarea {
width: 100%;
}
/* upload/select popup */
fbrowser.image .photo-album-image-wrapper { margin-left: 10px; }
#message-preview { margin-top: 15px; }
#message-preview span { width: 100%; }
#message-preview .mail-count, #message-preview .mail-delete { display:none; }
#message-preview .mail-list-wrapper { padding: 3px; }
#message-preview .mail-date { opacity:0.6; font-size:10px; }
fbrowser.image .photo-album-image-wrapper { margin-left: 10px; }
#message-preview { margin-top: 15px; }
#message-preview span { width: 100%; }
#message-preview .mail-count, #message-preview .mail-delete { display:none; }
#message-preview .mail-list-wrapper { padding: 3px; }
#message-preview .mail-date { opacity:0.6; font-size:10px; }
/* colorbox */
#colorbox img {