aboutsummaryrefslogtreecommitdiffstats
path: root/view/theme/redbasic
diff options
context:
space:
mode:
authorMario Vavti <mario@mariovavti.com>2015-03-05 17:12:27 +0100
committerMario Vavti <mario@mariovavti.com>2015-03-05 17:12:27 +0100
commit44b74365ddc828fe9ae83da4870f71dd1daca557 (patch)
tree15cc211476098f62560009fa51d8ca4c7907e798 /view/theme/redbasic
parentc62e4bcdcadda47565f1ed3c25a4084a56629db0 (diff)
downloadvolse-hubzilla-44b74365ddc828fe9ae83da4870f71dd1daca557.tar.gz
volse-hubzilla-44b74365ddc828fe9ae83da4870f71dd1daca557.tar.bz2
volse-hubzilla-44b74365ddc828fe9ae83da4870f71dd1daca557.zip
restructure display settings
Diffstat (limited to 'view/theme/redbasic')
-rw-r--r--view/theme/redbasic/css/narrow_navbar.css2
-rw-r--r--view/theme/redbasic/css/style.css2
-rw-r--r--view/theme/redbasic/php/config.php6
-rw-r--r--view/theme/redbasic/tpl/theme_settings.tpl107
4 files changed, 66 insertions, 51 deletions
diff --git a/view/theme/redbasic/css/narrow_navbar.css b/view/theme/redbasic/css/narrow_navbar.css
index cfda9760e..8254825a5 100644
--- a/view/theme/redbasic/css/narrow_navbar.css
+++ b/view/theme/redbasic/css/narrow_navbar.css
@@ -26,4 +26,4 @@ nav .badge {
top: 30px;
right: 15px;
}
-} \ No newline at end of file
+}
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 4a8155d4a..2f96c6e0d 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -255,7 +255,7 @@ footer {
}
#theme-preview {
- margin: 15px 0 15px 0px;
+ margin: 15px 0px;
}
.fakebutton {
diff --git a/view/theme/redbasic/php/config.php b/view/theme/redbasic/php/config.php
index b27415557..ba49859c5 100644
--- a/view/theme/redbasic/php/config.php
+++ b/view/theme/redbasic/php/config.php
@@ -100,7 +100,7 @@ if(feature_enabled(local_channel(),'expert'))
'$baseurl' => $a->get_baseurl(),
'$expert' => $expert,
'$title' => t("Theme settings"),
- '$schema' => array('redbasic_schema', t('Set scheme'), $arr['schema'], '', $scheme_choices),
+ '$schema' => array('redbasic_schema', t('Select scheme'), $arr['schema'], '', $scheme_choices),
'$narrow_navbar' => array('redbasic_narrow_navbar',t('Narrow navbar'),$arr['narrow_navbar'], '', array(t('No'),t('Yes'))),
'$nav_bg' => array('redbasic_nav_bg', t('Navigation bar background color'), $arr['nav_bg']),
'$nav_gradient_top' => array('redbasic_nav_gradient_top', t('Navigation bar gradient top color'), $arr['nav_gradient_top']),
@@ -120,12 +120,12 @@ if(feature_enabled(local_channel(),'expert'))
'$comment_indent' => array('redbasic_comment_indent', t('Set the indent for comments'), $arr['comment_indent']),
'$toolicon_colour' => array('redbasic_toolicon_colour',t('Set the basic color for item icons'),$arr['toolicon_colour']),
'$toolicon_activecolour' => array('redbasic_toolicon_activecolour',t('Set the hover color for item icons'),$arr['toolicon_activecolour']),
- '$body_font_size' => array('redbasic_body_font_size', t('Set font-size for the entire application'), $arr['body_font_size']),
+ '$body_font_size' => array('redbasic_body_font_size', t('Set font-size for the entire application'), $arr['body_font_size'], 'Example: 14px '),
'$font_size' => array('redbasic_font_size', t('Set font-size for posts and comments'), $arr['font_size']),
'$font_colour' => array('redbasic_font_colour', t('Set font-color for posts and comments'), $arr['font_colour']),
'$radius' => array('redbasic_radius', t('Set radius of corners'), $arr['radius']),
'$shadow' => array('redbasic_shadow', t('Set shadow depth of photos'), $arr['shadow']),
- '$converse_width' => array('redbasic_converse_width',t('Set maximum width of conversation regions'),$arr['converse_width']),
+ '$converse_width' => array('redbasic_converse_width',t('Set maximum width of conversation regions'),$arr['converse_width'], 'Example: 700px ("center conversation regions" must be set to Yes for this to have an effect)'),
'$converse_center' => array('redbasic_converse_center',t('Center conversation regions'),$arr['converse_center'], '', array(t('No'),t('Yes'))),
'$nav_min_opacity' => array('redbasic_nav_min_opacity',t('Set minimum opacity of nav bar - to hide it'),$arr['nav_min_opacity']),
'$top_photo' => array('redbasic_top_photo', t('Set size of conversation author photo'), $arr['top_photo']),
diff --git a/view/theme/redbasic/tpl/theme_settings.tpl b/view/theme/redbasic/tpl/theme_settings.tpl
index adf2e632d..972620a43 100644
--- a/view/theme/redbasic/tpl/theme_settings.tpl
+++ b/view/theme/redbasic/tpl/theme_settings.tpl
@@ -1,50 +1,65 @@
-{{include file="field_select.tpl" field=$schema}}
-<div class="settings-submit-wrapper">
- <input type="submit" value="{{$submit}}" class="settings-submit" name="redbasic-settings-submit" />
-</div>
+<div class="panel">
+ <div class="section-subtitle-wrapper" role="tab" id="custom-settings-title">
+ <h3>
+ <a data-toggle="collapse" data-parent="#settings" href="#custom-settings-content" aria-expanded="true" aria-controls="custom-settings-content">
+ Custom Theme Settings
+ </a>
+ </h3>
+ </div>
+ <div id="custom-settings-content" class="panel-collapse collapse" role="tabpanel" aria-labelledby="custom-settings">
+ <div class="section-content-tools-wrapper">
+ {{include file="field_select.tpl" field=$schema}}
+
+ {{if $expert}}
+ {{include file="field_colorinput.tpl" field=$nav_bg}}
+ {{include file="field_colorinput.tpl" field=$nav_gradient_top}}
+ {{include file="field_colorinput.tpl" field=$nav_gradient_bottom}}
+ {{include file="field_colorinput.tpl" field=$nav_active_gradient_top}}
+ {{include file="field_colorinput.tpl" field=$nav_active_gradient_bottom}}
+ {{include file="field_colorinput.tpl" field=$nav_bd}}
+ {{include file="field_colorinput.tpl" field=$nav_icon_colour}}
+ {{include file="field_colorinput.tpl" field=$nav_active_icon_colour}}
+ {{include file="field_input.tpl" field=$nav_min_opacity}}
+ {{include file="field_colorinput.tpl" field=$bgcolour}}
+ {{include file="field_colorinput.tpl" field=$background_image}}
+ {{include file="field_colorinput.tpl" field=$item_colour}}
+ {{include file="field_colorinput.tpl" field=$comment_item_colour}}
+ {{include file="field_colorinput.tpl" field=$comment_border_colour}}
+ {{include file="field_input.tpl" field=$comment_indent}}
+ {{/if}}
+
+ {{include file="field_input.tpl" field=$body_font_size}}
-{{if $expert}}
+ {{if $expert}}
+ {{include file="field_input.tpl" field=$font_size}}
+ {{include file="field_colorinput.tpl" field=$font_colour}}
+ {{include file="field_colorinput.tpl" field=$link_colour}}
+ {{include file="field_colorinput.tpl" field=$banner_colour}}
+ {{include file="field_colorinput.tpl" field=$toolicon_colour}}
+ {{include file="field_colorinput.tpl" field=$toolicon_activecolour}}
+ {{include file="field_input.tpl" field=$radius}}
+ {{include file="field_input.tpl" field=$shadow}}
+ {{include file="field_input.tpl" field=$top_photo}}
+ {{include file="field_input.tpl" field=$reply_photo}}
+ {{include file="field_input.tpl" field=$converse_width}}
+ {{include file="field_checkbox.tpl" field=$converse_center}}
+ {{/if}}
-{{include file="field_checkbox.tpl" field=$narrow_navbar}}
-{{include file="field_colorinput.tpl" field=$nav_bg}}
-{{include file="field_colorinput.tpl" field=$nav_gradient_top}}
-{{include file="field_colorinput.tpl" field=$nav_gradient_bottom}}
-{{include file="field_colorinput.tpl" field=$nav_active_gradient_top}}
-{{include file="field_colorinput.tpl" field=$nav_active_gradient_bottom}}
-{{include file="field_colorinput.tpl" field=$nav_bd}}
-{{include file="field_colorinput.tpl" field=$nav_icon_colour}}
-{{include file="field_colorinput.tpl" field=$nav_active_icon_colour}}
-{{include file="field_colorinput.tpl" field=$banner_colour}}
-{{include file="field_colorinput.tpl" field=$link_colour}}
-{{include file="field_colorinput.tpl" field=$bgcolour}}
-{{include file="field_colorinput.tpl" field=$background_image}}
-{{include file="field_colorinput.tpl" field=$item_colour}}
-{{include file="field_colorinput.tpl" field=$comment_item_colour}}
-{{include file="field_colorinput.tpl" field=$comment_border_colour}}
-{{include file="field_input.tpl" field=$comment_indent}}
-{{include file="field_colorinput.tpl" field=$toolicon_colour}}
-{{include file="field_colorinput.tpl" field=$toolicon_activecolour}}
-{{include file="field_input.tpl" field=$body_font_size}}
-{{include file="field_input.tpl" field=$font_size}}
-{{include file="field_colorinput.tpl" field=$font_colour}}
-{{include file="field_input.tpl" field=$radius}}
-{{include file="field_input.tpl" field=$shadow}}
-{{include file="field_input.tpl" field=$converse_width}}
-{{include file="field_checkbox.tpl" field=$converse_center}}
-{{include file="field_input.tpl" field=$nav_min_opacity}}
-{{include file="field_input.tpl" field=$top_photo}}
-{{include file="field_input.tpl" field=$reply_photo}}
-{{*include file="field_checkbox.tpl" field=$sloppy_photos*}}
-<script>
- $(function(){
- $('#id_redbasic_nav_bg,#id_redbasic_nav_gradient_top,#id_redbasic_nav_gradient_bottom,#id_redbasic_nav_active_gradient_top,#id_redbasic_nav_active_gradient_bottom').colorpicker();
- $('#id_redbasic_nav_bd,#id_redbasic_nav_icon_colour ,#id_redbasic_nav_active_icon_colour,#id_redbasic_banner_colour,#id_redbasic_link_colour,#id_redbasic_background_colour').colorpicker();
- $('#id_redbasic_toolicon_colour,#id_redbasic_toolicon_activecolour,#id_redbasic_font_colour').colorpicker();
- $('#id_redbasic_item_colour,#id_redbasic_comment_item_colour,#id_redbasic_comment_border_colour').colorpicker({format: 'rgba'});
- });
-</script>
+ {{include file="field_checkbox.tpl" field=$narrow_navbar}}
-<div class="settings-submit-wrapper">
- <input type="submit" value="{{$submit}}" class="settings-submit" name="redbasic-settings-submit" />
+ {{if $expert}}
+ <script>
+ $(function(){
+ $('#id_redbasic_nav_bg,#id_redbasic_nav_gradient_top,#id_redbasic_nav_gradient_bottom,#id_redbasic_nav_active_gradient_top,#id_redbasic_nav_active_gradient_bottom').colorpicker({format: 'rgba'});
+ $('#id_redbasic_nav_bd,#id_redbasic_nav_icon_colour ,#id_redbasic_nav_active_icon_colour,#id_redbasic_banner_colour,#id_redbasic_link_colour,#id_redbasic_background_colour').colorpicker();
+ $('#id_redbasic_toolicon_colour,#id_redbasic_toolicon_activecolour,#id_redbasic_font_colour').colorpicker();
+ $('#id_redbasic_item_colour,#id_redbasic_comment_item_colour,#id_redbasic_comment_border_colour').colorpicker({format: 'rgba'});
+ });
+ </script>
+ {{/if}}
+ <div class="settings-submit-wrapper" >
+ <button type="submit" name="redbasic-settings-submit" class="btn btn-primary">{{$submit}}</button>
+ </div>
+ </div>
+ </div>
</div>
-{{/if}}