Merge pull request #1049 from mmollick/fullwidth_header
Fullwidth header
This commit is contained in:
+14
-11
@@ -120,17 +120,20 @@ return [
|
||||
'custom-css' => 'Tilpasset stylesheet',
|
||||
],
|
||||
'theme' => [
|
||||
'background-color' => 'Baggrundsfarve',
|
||||
'background-fills' => 'Baggrundsfyld (Komponenter, hændelser og footer)',
|
||||
'text-color' => 'Tekstfarve',
|
||||
'dashboard-login' => 'Vis oversigtsside ikon i bunden af siden?',
|
||||
'reds' => 'Rød (Brugt til fejl)',
|
||||
'blues' => 'Blå (Brugt til information)',
|
||||
'greens' => 'Grøn (Brugt til success)',
|
||||
'yellows' => 'Gul (Brugt til advarsler)',
|
||||
'oranges' => 'Orange (Brugt til noter)',
|
||||
'metrics' => 'Graffyld',
|
||||
'links' => 'Links',
|
||||
'background-color' => 'Baggrundsfarve',
|
||||
'background-fills' => 'Baggrundsfyld (Komponenter, hændelser og footer)',
|
||||
'banner-background-color' => 'Banner Background Color',
|
||||
'banner-padding' => 'Banner Padding',
|
||||
'fullwidth-banner' => 'Enable fullwidth banner?',
|
||||
'text-color' => 'Tekstfarve',
|
||||
'dashboard-login' => 'Vis oversigtsside ikon i bunden af siden?',
|
||||
'reds' => 'Rød (Brugt til fejl)',
|
||||
'blues' => 'Blå (Brugt til information)',
|
||||
'greens' => 'Grøn (Brugt til success)',
|
||||
'yellows' => 'Gul (Brugt til advarsler)',
|
||||
'oranges' => 'Orange (Brugt til noter)',
|
||||
'metrics' => 'Graffyld',
|
||||
'links' => 'Links',
|
||||
],
|
||||
],
|
||||
|
||||
|
||||
@@ -119,8 +119,11 @@ return [
|
||||
'custom-css' => 'Benutzerdefiniertes Stylesheet',
|
||||
],
|
||||
'theme' => [
|
||||
'background-color' => 'Hintergrundfarbe',
|
||||
'text-color' => 'Schriftfarbe',
|
||||
'background-color' => 'Hintergrundfarbe',
|
||||
'text-color' => 'Schriftfarbe',
|
||||
'banner-background-color' => 'Banner Background Color',
|
||||
'banner-padding' => 'Banner Padding',
|
||||
'fullwidth-banner' => 'Enable fullwidth banner?',
|
||||
],
|
||||
],
|
||||
|
||||
|
||||
@@ -119,8 +119,11 @@ return [
|
||||
'custom-css' => 'crwdns409:0crwdne409:0',
|
||||
],
|
||||
'theme' => [
|
||||
'background-color' => 'crwdns410:0crwdne410:0',
|
||||
'text-color' => 'crwdns411:0crwdne411:0',
|
||||
'background-color' => 'crwdns410:0crwdne410:0',
|
||||
'text-color' => 'crwdns411:0crwdne411:0',
|
||||
'banner-background-color' => 'Banner Background Color',
|
||||
'banner-padding' => 'Banner Padding',
|
||||
'fullwidth-banner' => 'Enable fullwidth banner?',
|
||||
],
|
||||
],
|
||||
|
||||
|
||||
+14
-11
@@ -120,17 +120,20 @@ return [
|
||||
'custom-css' => 'Custom Stylesheet',
|
||||
],
|
||||
'theme' => [
|
||||
'background-color' => 'Background Color',
|
||||
'background-fills' => 'Background Fills (Components, Incidents, Footer)',
|
||||
'text-color' => 'Text Color',
|
||||
'dashboard-login' => 'Show dashboard button in the footer?',
|
||||
'reds' => 'Red (Used for errors)',
|
||||
'blues' => 'Blue (Used for information)',
|
||||
'greens' => 'Green (Used for success)',
|
||||
'yellows' => 'Yellow (Used for alerts)',
|
||||
'oranges' => 'Orange (Used for notices)',
|
||||
'metrics' => 'Metrics Fill',
|
||||
'links' => 'Links',
|
||||
'background-color' => 'Background Color',
|
||||
'background-fills' => 'Background Fills (Components, Incidents, Footer)',
|
||||
'banner-background-color' => 'Banner Background Color',
|
||||
'banner-padding' => 'Banner Padding',
|
||||
'fullwidth-banner' => 'Enable fullwidth banner?',
|
||||
'text-color' => 'Text Color',
|
||||
'dashboard-login' => 'Show dashboard button in the footer?',
|
||||
'reds' => 'Red (Used for errors)',
|
||||
'blues' => 'Blue (Used for information)',
|
||||
'greens' => 'Green (Used for success)',
|
||||
'yellows' => 'Yellow (Used for alerts)',
|
||||
'oranges' => 'Orange (Used for notices)',
|
||||
'metrics' => 'Metrics Fill',
|
||||
'links' => 'Links',
|
||||
],
|
||||
],
|
||||
|
||||
|
||||
@@ -110,9 +110,12 @@ return [
|
||||
'custom-css' => 'Hoja de estilo personalizada',
|
||||
],
|
||||
'theme' => [
|
||||
'background-color' => 'Color de fondo',
|
||||
'text-color' => 'Color de Texto',
|
||||
'dashboard-login' => '¿Mostrar botón del panel en el pie?',
|
||||
'background-color' => 'Color de fondo',
|
||||
'text-color' => 'Color de Texto',
|
||||
'dashboard-login' => '¿Mostrar botón del panel en el pie?',
|
||||
'banner-background-color' => 'Banner Background Color',
|
||||
'banner-padding' => 'Banner Padding',
|
||||
'fullwidth-banner' => 'Enable fullwidth banner?',
|
||||
],
|
||||
],
|
||||
|
||||
|
||||
@@ -119,8 +119,11 @@ return [
|
||||
'custom-css' => 'Feuille de style personnalisée',
|
||||
],
|
||||
'theme' => [
|
||||
'background-color' => 'Couleur de fond',
|
||||
'text-color' => 'Couleur Texte',
|
||||
'background-color' => 'Couleur de fond',
|
||||
'text-color' => 'Couleur Texte',
|
||||
'banner-background-color' => 'Banner Background Color',
|
||||
'banner-padding' => 'Banner Padding',
|
||||
'fullwidth-banner' => 'Enable fullwidth banner?',
|
||||
],
|
||||
],
|
||||
|
||||
|
||||
@@ -119,8 +119,11 @@ return [
|
||||
'custom-css' => 'Stylesheet Kustom',
|
||||
],
|
||||
'theme' => [
|
||||
'background-color' => 'Warna Latar',
|
||||
'text-color' => 'Warna Teks',
|
||||
'background-color' => 'Warna Latar',
|
||||
'text-color' => 'Warna Teks',
|
||||
'banner-background-color' => 'Banner Background Color',
|
||||
'banner-padding' => 'Banner Padding',
|
||||
'fullwidth-banner' => 'Enable fullwidth banner?',
|
||||
],
|
||||
],
|
||||
|
||||
|
||||
@@ -119,9 +119,12 @@ return [
|
||||
'custom-css' => 'Foglio di stile personalizzato',
|
||||
],
|
||||
'theme' => [
|
||||
'background-color' => 'Colore di sfondo',
|
||||
'text-color' => 'Colore del testo',
|
||||
'dashboard-login' => 'Visualizzare il pulsante Dashboard nel footer?',
|
||||
'background-color' => 'Colore di sfondo',
|
||||
'text-color' => 'Colore del testo',
|
||||
'dashboard-login' => 'Visualizzare il pulsante Dashboard nel footer?',
|
||||
'banner-background-color' => 'Banner Background Color',
|
||||
'banner-padding' => 'Banner Padding',
|
||||
'fullwidth-banner' => 'Enable fullwidth banner?',
|
||||
],
|
||||
],
|
||||
|
||||
|
||||
@@ -119,9 +119,12 @@ return [
|
||||
'custom-css' => '사용자 정의 스타일시트',
|
||||
],
|
||||
'theme' => [
|
||||
'background-color' => '배경색',
|
||||
'text-color' => '글자색',
|
||||
'dashboard-login' => 'Show dashboard button in the footer?',
|
||||
'background-color' => '배경색',
|
||||
'text-color' => '글자색',
|
||||
'dashboard-login' => 'Show dashboard button in the footer?',
|
||||
'banner-background-color' => 'Banner Background Color',
|
||||
'banner-padding' => 'Banner Padding',
|
||||
'fullwidth-banner' => 'Enable fullwidth banner?',
|
||||
],
|
||||
],
|
||||
|
||||
|
||||
@@ -119,8 +119,11 @@ return [
|
||||
'custom-css' => 'Custom Stylesheet',
|
||||
],
|
||||
'theme' => [
|
||||
'background-color' => 'Achtergrondkleur',
|
||||
'text-color' => 'Tekstkleur',
|
||||
'background-color' => 'Achtergrondkleur',
|
||||
'text-color' => 'Tekstkleur',
|
||||
'banner-background-color' => 'Banner Background Color',
|
||||
'banner-padding' => 'Banner Padding',
|
||||
'fullwidth-banner' => 'Enable fullwidth banner?',
|
||||
],
|
||||
],
|
||||
|
||||
|
||||
@@ -112,9 +112,12 @@ return [
|
||||
'custom-css' => 'Własny Stylesheet',
|
||||
],
|
||||
'theme' => [
|
||||
'background-color' => 'Kolor tła',
|
||||
'text-color' => 'Kolor tekstu',
|
||||
'dashboard-login' => 'Show dashboard button in the footer?',
|
||||
'background-color' => 'Kolor tła',
|
||||
'text-color' => 'Kolor tekstu',
|
||||
'dashboard-login' => 'Show dashboard button in the footer?',
|
||||
'banner-background-color' => 'Banner Background Color',
|
||||
'banner-padding' => 'Banner Padding',
|
||||
'fullwidth-banner' => 'Enable fullwidth banner?',
|
||||
],
|
||||
],
|
||||
|
||||
|
||||
@@ -120,17 +120,20 @@ return [
|
||||
'custom-css' => 'Folha de estilos personalizada',
|
||||
],
|
||||
'theme' => [
|
||||
'background-color' => 'Cor de fundo',
|
||||
'background-fills' => 'Preenchimento do fundo (Componentes, Incidentes, Rodapé)',
|
||||
'text-color' => 'Cor do texto',
|
||||
'dashboard-login' => 'Exibir o botão do dashboard no rodapé?',
|
||||
'reds' => 'Vermelho (Utilizado para erros)',
|
||||
'blues' => 'Azul (utilizado para informações)',
|
||||
'greens' => 'Verde (Utilizado para sucesso)',
|
||||
'yellows' => 'Amarelo (Utilizado para alertas)',
|
||||
'oranges' => 'Larange (Utilizado para notícias)',
|
||||
'metrics' => 'Métricas',
|
||||
'links' => 'Links',
|
||||
'background-color' => 'Cor de fundo',
|
||||
'background-fills' => 'Preenchimento do fundo (Componentes, Incidentes, Rodapé)',
|
||||
'banner-background-color' => 'Banner Background Color',
|
||||
'banner-padding' => 'Banner Padding',
|
||||
'fullwidth-banner' => 'Enable fullwidth banner?',
|
||||
'text-color' => 'Cor do texto',
|
||||
'dashboard-login' => 'Exibir o botão do dashboard no rodapé?',
|
||||
'reds' => 'Vermelho (Utilizado para erros)',
|
||||
'blues' => 'Azul (utilizado para informações)',
|
||||
'greens' => 'Verde (Utilizado para sucesso)',
|
||||
'yellows' => 'Amarelo (Utilizado para alertas)',
|
||||
'oranges' => 'Larange (Utilizado para notícias)',
|
||||
'metrics' => 'Métricas',
|
||||
'links' => 'Links',
|
||||
],
|
||||
],
|
||||
|
||||
|
||||
@@ -119,9 +119,12 @@ return [
|
||||
'custom-css' => 'Пользовательские таблицы стилей',
|
||||
],
|
||||
'theme' => [
|
||||
'background-color' => 'Цвет фона',
|
||||
'text-color' => 'Цвет текста',
|
||||
'dashboard-login' => 'Show dashboard button in the footer?',
|
||||
'background-color' => 'Цвет фона',
|
||||
'text-color' => 'Цвет текста',
|
||||
'dashboard-login' => 'Show dashboard button in the footer?',
|
||||
'banner-background-color' => 'Banner Background Color',
|
||||
'banner-padding' => 'Banner Padding',
|
||||
'fullwidth-banner' => 'Enable fullwidth banner?',
|
||||
],
|
||||
],
|
||||
|
||||
|
||||
@@ -119,9 +119,12 @@ return [
|
||||
'custom-css' => '自定义样式表',
|
||||
],
|
||||
'theme' => [
|
||||
'background-color' => '背景色',
|
||||
'text-color' => '文字颜色',
|
||||
'dashboard-login' => 'Show dashboard button in the footer?',
|
||||
'background-color' => '背景色',
|
||||
'text-color' => '文字颜色',
|
||||
'dashboard-login' => 'Show dashboard button in the footer?',
|
||||
'banner-background-color' => 'Banner Background Color',
|
||||
'banner-padding' => 'Banner Padding',
|
||||
'fullwidth-banner' => 'Enable fullwidth banner?',
|
||||
],
|
||||
],
|
||||
|
||||
|
||||
@@ -32,6 +32,30 @@
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<div class="form-group">
|
||||
<label>{{ trans('forms.settings.theme.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.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="hidden" value="0" name="style.fullwidth_header">
|
||||
<input type="checkbox" value="1" name="style.fullwidth_header" {{ Setting::get('style_fullwidth_header') ? 'checked' : null }}>
|
||||
{{ trans('forms.settings.theme.fullwidth-banner') }}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<div class="form-group">
|
||||
|
||||
@@ -57,6 +57,9 @@
|
||||
<script src="{{ elixir('dist/js/all.js') }}"></script>
|
||||
</head>
|
||||
<body class="status-page">
|
||||
|
||||
@include('partials.banner')
|
||||
|
||||
<div class="container">
|
||||
@yield('content')
|
||||
</div>
|
||||
|
||||
@@ -1,19 +1,7 @@
|
||||
@if($bannerImage = Setting::get('app_banner'))
|
||||
<div class="row app-banner">
|
||||
<div class="col-md-12 text-center">
|
||||
<?php $bannerType = Setting::get('app_banner_type') ?>
|
||||
@if($app_url = Setting::get('app_domain'))
|
||||
<a href="{{ $app_url }}" class="links"><img src="data:{{ $bannerType }};base64, {{ $bannerImage}}" class="banner-image img-responsive"></a>
|
||||
@else
|
||||
<img src="data:{{ $bannerType }};base64, {{ $bannerImage}}" class="banner-image img-responsive">
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if($about_app)
|
||||
<div class="about-app">
|
||||
<h1>{{ trans('cachet.about_this_site') }}</h1>
|
||||
<p>{!! $about_app !!}</p>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
|
||||
@@ -0,0 +1,16 @@
|
||||
@if($bannerImage = Setting::get('app_banner'))
|
||||
<div @if(Setting::get('style_fullwidth_header'))class="app-banner"@endif>
|
||||
<div class="container">
|
||||
<div class="row app-banner-padding @if(!Setting::get('style_fullwidth_header')) app-banner @endif">
|
||||
<div class="col-md-12 text-center">
|
||||
<?php $bannerType = Setting::get('app_banner_type') ?>
|
||||
@if($app_url = Setting::get('app_domain'))
|
||||
<a href="{{ $app_url }}" class="links"><img src="data:{{ $bannerType }};base64, {{ $bannerImage}}" class="banner-image img-responsive"></a>
|
||||
@else
|
||||
<img src="data:{{ $bannerType }};base64, {{ $bannerImage}}" class="banner-image img-responsive">
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@@ -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,17 @@ body.status-page {
|
||||
.metrics { color: {{ $theme_metrics }} !important; }
|
||||
.links { color: {{ $theme_links }} !important; }
|
||||
|
||||
/**
|
||||
* Banner background
|
||||
*/
|
||||
.app-banner {
|
||||
background-color: {{ $theme_banner_background_color }} !important;
|
||||
}
|
||||
|
||||
.app-banner-padding {
|
||||
padding: {{ $theme_banner_padding }} !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* Alert overrides.
|
||||
*/
|
||||
|
||||
Reference in New Issue
Block a user