10.2.dev13 adapatation index et site du thème aux écrans 750px

This commit is contained in:
Fred Tempez 2020-05-29 17:32:57 +02:00
parent 4c29d94246
commit b7a90902ab
2 changed files with 57 additions and 56 deletions

View File

@ -5,7 +5,7 @@
): ?> ): ?>
<?php echo template::speech('Cliquez sur une zone afin d\'accéder à ses options de personnalisation. Vous pouvez également afficher les zones cachées à l\'aide du bouton ci-dessous.'); ?> <?php echo template::speech('Cliquez sur une zone afin d\'accéder à ses options de personnalisation. Vous pouvez également afficher les zones cachées à l\'aide du bouton ci-dessous.'); ?>
<div class="row"> <div class="row">
<div class="col2 offset1"> <div class="col3">
<?php echo template::button('themeBack', [ <?php echo template::button('themeBack', [
'class' => 'buttonGrey', 'class' => 'buttonGrey',
'href' => helper::baseUrl(false), 'href' => helper::baseUrl(false),
@ -13,28 +13,30 @@
'value' => 'Accueil' 'value' => 'Accueil'
]); ?> ]); ?>
</div> </div>
<div class="col2"> <div class="col3">
<?php echo template::button('themeAdvanced', [
'ico' => 'code',
'href' => helper::baseUrl() . $this->getUrl(0) . '/advanced',
'value' => 'Éditeur CSS'
]); ?>
</div>
<div class="col2">
<?php echo template::button('themeManage', [
'ico' => 'upload',
'href' => helper::baseUrl() . $this->getUrl(0) . '/manage',
'value' => 'Gérer'
]); ?>
</div>
<div class="col2">
<?php echo template::button('themeAdmin', [ <?php echo template::button('themeAdmin', [
'ico' => 'brush', 'ico' => 'brush',
'href' => helper::baseUrl() . $this->getUrl(0) . '/admin', 'href' => helper::baseUrl() . $this->getUrl(0) . '/admin',
'value' => 'Administration' 'value' => 'Administration'
]); ?> ]); ?>
</div> </div>
<div class="col2"> <div class="col3">
<?php echo template::button('themeAdvanced', [
'ico' => 'code',
'href' => helper::baseUrl() . $this->getUrl(0) . '/advanced',
'value' => 'Éditeur CSS'
]); ?>
</div>
<div class="col3">
<?php echo template::button('themeManage', [
'ico' => 'upload',
'href' => helper::baseUrl() . $this->getUrl(0) . '/manage',
'value' => 'Gérer'
]); ?>
</div>
</div>
<div class="row">
<div class="col3 offset5">
<?php echo template::button('themeShowAll', [ <?php echo template::button('themeShowAll', [
'ico' => 'eye', 'ico' => 'eye',
'value' => 'Zones cachées' 'value' => 'Zones cachées'
@ -44,7 +46,7 @@
<?php else: ?> <?php else: ?>
<?php echo template::speech('Cliquez sur une zone afin d\'accéder à ses options de personnalisation.'); ?> <?php echo template::speech('Cliquez sur une zone afin d\'accéder à ses options de personnalisation.'); ?>
<div class="row"> <div class="row">
<div class="col2 offset2"> <div class="col3">
<?php echo template::button('themeBack', [ <?php echo template::button('themeBack', [
'class' => 'buttonGrey', 'class' => 'buttonGrey',
'href' => helper::baseUrl(false), 'href' => helper::baseUrl(false),
@ -52,21 +54,21 @@
'value' => 'Accueil' 'value' => 'Accueil'
]); ?> ]); ?>
</div> </div>
<div class="col2"> <div class="col3">
<?php echo template::button('themeAdmin', [ <?php echo template::button('themeAdmin', [
'ico' => 'brush', 'ico' => 'brush',
'href' => helper::baseUrl() . $this->getUrl(0) . '/admin', 'href' => helper::baseUrl() . $this->getUrl(0) . '/admin',
'value' => 'Administration' 'value' => 'Administration'
]); ?> ]); ?>
</div> </div>
<div class="col2"> <div class="col3">
<?php echo template::button('themeManage', [ <?php echo template::button('themeManage', [
'href' => helper::baseUrl() . $this->getUrl(0) . '/manage', 'href' => helper::baseUrl() . $this->getUrl(0) . '/manage',
'ico' => 'upload', 'ico' => 'upload',
'value' => 'Gérer' 'value' => 'Gérer'
]); ?> ]); ?>
</div> </div>
<div class="col2"> <div class="col3">
<?php echo template::button('themeAdvanced', [ <?php echo template::button('themeAdvanced', [
'href' => helper::baseUrl() . $this->getUrl(0) . '/advanced', 'href' => helper::baseUrl() . $this->getUrl(0) . '/advanced',
'value' => 'Éditeur CSS', 'value' => 'Éditeur CSS',

View File

@ -22,7 +22,7 @@
<div class="col6"> <div class="col6">
<?php echo template::text('themeSiteBackgroundColor', [ <?php echo template::text('themeSiteBackgroundColor', [
'class' => 'colorPicker', 'class' => 'colorPicker',
'help' => 'Le curseur horizontal règle le niveau de transparence.', 'help' => 'Le curseur horizontal règle le niveau de transparence.',
'label' => 'Fond', 'label' => 'Fond',
'value' => $this->getData(['theme', 'site', 'backgroundColor']) 'value' => $this->getData(['theme', 'site', 'backgroundColor'])
]); ?> ]); ?>
@ -30,7 +30,7 @@
<div class="col6"> <div class="col6">
<?php echo template::text('themeTextTextColor', [ <?php echo template::text('themeTextTextColor', [
'class' => 'colorPicker', 'class' => 'colorPicker',
'help' => 'Le curseur horizontal règle le niveau de transparence.', 'help' => 'Le curseur horizontal règle le niveau de transparence.',
'label' => 'Texte', 'label' => 'Texte',
'value' => $this->getData(['theme', 'text', 'textColor']) 'value' => $this->getData(['theme', 'text', 'textColor'])
]); ?> ]); ?>
@ -40,19 +40,19 @@
<div class="col6"> <div class="col6">
<?php echo template::text('themeTitleTextColor', [ <?php echo template::text('themeTitleTextColor', [
'class' => 'colorPicker', 'class' => 'colorPicker',
'help' => 'Le curseur horizontal règle le niveau de transparence.', 'help' => 'Le curseur horizontal règle le niveau de transparence.',
'label' => 'Titres', 'label' => 'Titres',
'value' => $this->getData(['theme', 'title', 'textColor']) 'value' => $this->getData(['theme', 'title', 'textColor'])
]); ?> ]); ?>
</div> </div>
<div class="col6"> <div class="col6">
<?php echo template::text('themeTextLinkColor', [ <?php echo template::text('themeTextLinkColor', [
'class' => 'colorPicker', 'class' => 'colorPicker',
'help' => 'Le curseur horizontal règle le niveau de transparence.', 'help' => 'Le curseur horizontal règle le niveau de transparence.',
'label' => 'Liens', 'label' => 'Liens',
'value' => $this->getData(['theme', 'text', 'linkColor']) 'value' => $this->getData(['theme', 'text', 'linkColor'])
]); ?> ]); ?>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col6"> <div class="col6">
@ -76,34 +76,33 @@
<div class="col6 offset3"> <div class="col6 offset3">
<?php echo template::text('themeButtonBackgroundColor', [ <?php echo template::text('themeButtonBackgroundColor', [
'class' => 'colorPicker', 'class' => 'colorPicker',
'help' => 'Le curseur horizontal règle le niveau de transparence.', 'help' => 'Le curseur horizontal règle le niveau de transparence.',
'label' => 'Boutons', 'label' => 'Boutons',
'value' => $this->getData(['theme', 'button', 'backgroundColor']) 'value' => $this->getData(['theme', 'button', 'backgroundColor'])
]); ?> ]); ?>
</div> </div>
</div> </div>
</div> </div>
<div class="col4 bodybackground"> <div class="col4 bodybackground">
<div class="bgPreview"> <div class="bgPreview">
<div class="row"> <div class="row">
<div class="col8"> <div class="col6">
<h1 class="headerPreview">Titre</h1> <h1 class="headerPreview">Titre</h1>
<h1 class="headerPreview">Sous-Titre </h1> <h2 class="headerPreview">Sous-titre </h2>
</div> </div>
<div class="col4"> <div class="col6">
<?php echo template::button('themeSiteSubmitButtonPreview', [ <?php echo template::button('themeSiteSubmitButtonPreview', [
'class' => 'buttonSubmitPreview', 'class' => 'buttonSubmitPreview',
'value' => 'Bouton' 'value' => 'Bouton'
]); ?> ]); ?>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col12"> <div class="col12">
<div class="block preview"> <div class="block preview">
<h4 class="preview">Block</h4> <h4 class="preview">Bloc</h4> <p class="textPreview">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="textPreview">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p><a href="#" class="urlPreview">Lorem ipsum dolor sit amet.</a></p>
<p><a href="#" class="urlPreview">Lorem ipsum dolor sit amet.</a></p> </div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -123,7 +122,7 @@
'selected' => $this->getData(['theme', 'text', 'font']), 'selected' => $this->getData(['theme', 'text', 'font']),
'fonts' => true 'fonts' => true
]); ?> ]); ?>
</div> </div>
<div class="col6"> <div class="col6">
<?php echo template::select('themeTextFontSize', $module::$siteFontSizes, [ <?php echo template::select('themeTextFontSize', $module::$siteFontSizes, [
'label' => 'Taille', 'label' => 'Taille',
@ -136,7 +135,7 @@
</div> </div>
<div class="col6"> <div class="col6">
<div class="block"> <div class="block">
<h4>Mise en forme des titres</h4> <h4>Mise en forme des titres</h4>
<div class="row"> <div class="row">
<div class="col4"> <div class="col4">
<?php echo template::select('themeTitleFont', $module::$fonts, [ <?php echo template::select('themeTitleFont', $module::$fonts, [
@ -150,7 +149,7 @@
'label' => 'Style', 'label' => 'Style',
'selected' => $this->getData(['theme', 'title', 'fontWeight']) 'selected' => $this->getData(['theme', 'title', 'fontWeight'])
]); ?> ]); ?>
</div> </div>
<div class="col4"> <div class="col4">
<?php echo template::select('themeTitleTextTransform', $module::$textTransforms, [ <?php echo template::select('themeTitleTextTransform', $module::$textTransforms, [
'label' => 'Casse', 'label' => 'Casse',
@ -190,7 +189,7 @@
<?php echo template::checkbox('themeSiteMargin',true, 'Pas de marge au-dessus et en-dessous du site', [ <?php echo template::checkbox('themeSiteMargin',true, 'Pas de marge au-dessus et en-dessous du site', [
'checked' => $this->getData(['theme', 'site', 'margin']) 'checked' => $this->getData(['theme', 'site', 'margin'])
]); ?> ]); ?>
</div> </div>
</div> </div>
</div> </div>
</div> </div>