Support for full width header added

This commit is contained in:
Michael Mollick
2015-10-20 23:52:48 -04:00
parent 24e125857c
commit f1c613249a
6 changed files with 51 additions and 0 deletions

View File

@@ -28,6 +28,8 @@ class ThemeComposer
// Theme colors.
$view->withThemeBackgroundColor(Setting::get('style_background_color', '#F0F3F4'));
$view->withThemeBackgroundFills(Setting::get('style_background_fills', '#FFFFFF'));
$view->withThemeBannerBackgroundColor(Setting::get('style_banner_background_color', ''));
$view->withThemeBannerPadding(Setting::get('style_banner_padding', '40px 0 0 0'));
$view->withThemeTextColor(Setting::get('style_text_color', '#333333'));
$view->withThemeReds(Setting::get('style_reds', '#ff6f6f'));
$view->withThemeBlues(Setting::get('style_blues', '#3498db'));

View File

@@ -32,6 +32,33 @@
</div>
</div>
<hr>
<div class="row">
<div class="col-xs-6">
<div class="form-group">
{{--<label>{{ trans('forms.settings.theme.background-color') }}</label>--}}
<label>Banner Background Color</label>
<input type="text" class="form-control color-code" name="style.banner_background_color" value="{{ $theme_banner_background_color }}">
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
{{--<label>{{ trans('forms.settings.theme.background-color') }}</label>--}}
<label>Banner Padding</label>
<input type="text" class="form-control" name="style.banner_padding" value="{{ $theme_banner_padding }}">
</div>
</div>
<div class="col-xs-12">
<div class="checkbox">
<label>
<input type="checkbox" value="0" name="style.fullwidth_header">
<input type="checkbox" value="1" name="style.fullwidth_header" {{ Setting::get('style_fullwidth_header') ? 'checked' : null }}>
Enable fullwidth banner?
{{--{{ trans('forms.settings.theme.text-color') }}--}}
</label>
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col-xs-6">
<div class="form-group">

View File

@@ -7,6 +7,11 @@
@include('partials.about-app')
@if(Setting::get('style_fullwidth_header'))
</div>
<div class="container">
@endif
<div class="section-status">
<div class="alert alert-{{ $systemStatus }}">{{ $systemMessage }}</div>
</div>

View File

@@ -57,7 +57,12 @@
<script src="{{ elixir('dist/js/all.js') }}"></script>
</head>
<body class="status-page">
@if(Setting::get('style_fullwidth_header'))
<div class="container-fluid">
@else
<div class="container">
@endif
@yield('content')
</div>

View File

@@ -17,3 +17,4 @@
<p>{!! $about_app !!}</p>
</div>
@endif

View File

@@ -2,6 +2,9 @@
body.status-page {
background-color: {{ $theme_background_color }};
color: {{ $theme_text_color }};
@if(Setting::get('app_banner'))
padding-top: 0;
@endif
}
.reds { color: {{ $theme_reds }} !important; }
.blues { color: {{ $theme_blues }} !important; }
@@ -11,6 +14,14 @@ body.status-page {
.metrics { color: {{ $theme_metrics }} !important; }
.links { color: {{ $theme_links }} !important; }
/**
* Banner background
*/
.app-banner {
background-color: {{ $theme_banner_background_color }} !important;
padding: {{ $theme_banner_padding }} !important;
}
/**
* Alert overrides.
*/