Merge branch '3134-welcome-box' into 'dev'

3134-welcome-box

See merge request !4

qa-include/app/options.php

@@ -433,9 +433,9 @@ function qa_default_option($name)
 			$value = qa_lang_html('main/anonymous');
 			break;
 
-		// case 'custom_sidebar':
-		// 	$value = qa_lang_html_sub('options/default_sidebar', qa_html(qa_opt('site_title')));
-		// 	break;
+		case 'custom_sidebar':
+			$value = qa_lang_html_sub('options/default_sidebar', qa_html(qa_opt('site_title')));
+			break;
 
 		case 'editor_for_qs':
 		case 'editor_for_as':

qa-include/qa-theme-base.php

@@ -708,7 +708,7 @@ class qa_html_theme_base
 
 	public function sidepanel()
 	{
-		// $this->output('<div class="qa-sidepanel">');
+		$this->output('<div class="qa-sidepanel">');
 		$this->widgets('side', 'top');
 		$this->sidebar();
 		$this->widgets('side', 'high');

qa-lang/fr/qa-lang-options.php

@@ -79,7 +79,7 @@
 		'custom_home_content' => 'Page d\'accueil contenu personnalisé - HTML autorisé',
 		'custom_home_heading' => 'Page d\'accueil rubrique',
 		'default_privacy' => 'Vie privée : Votre adresse de messagerie ne sera pas partagée ou vendue à des tiers.',
-		'default_sidebar' => "Bienvenue sur ^, où vous pouvez poser des questions et recevoir des réponses d'autres membres de la communauté.",
+		'default_sidebar' => "Bienvenue sur ^, le forum qui rassemble les coopérateurices de la Cagette.",
 		'default_subject' => 'Un message de ^',
 		'default_suffix' => 'Q&R',
 		'default_terms' => 'J\'accepte les ^ Termes & Conditions et la politique de confidentialité',

qa-theme/Cagette/qa-styles.css

@@ -67,9 +67,27 @@ h2 {font-size:16px; padding-top:12px; clear:both;}
 /* Page sections */
 
 
-.qa-sidepanel {float:right; width:176px; margin-right:18px; word-wrap:break-word;}
+/* .qa-sidepanel {float:right; width:176px; margin-right:18px; word-wrap:break-word;} */
 * html .qa-sidepanel {margin-right:10px;} /* IE6 */
-.qa-sidebar {padding:12px; font-size:14px; background:#f5e4c3; border:1px solid #f3c772; margin:24px 0;}
+.qa-sidebar {
+	box-shadow: 2px 2px 3px rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 10%);
+	border-radius: 30px;
+	padding:0.5em; 
+	font-size:1.4rem; 
+	background:#00a473;
+	color: #fff;
+	float: right;
+	width: 20vw;
+}
+
+@media screen and (max-width: 1100px) {
+	.qa-sidebar {
+		float: none;
+		margin: 2em 0 0 1em;
+		width: 88vw;
+	}
+}
+
 .qa-feed {background:url(feed-icon-14x14.png) no-repeat left top; padding-left:20px; height:16px; margin:24px 0;}
 .qa-feed-link {font-size:10px; color:#666;}
 .qa-main {
@@ -80,11 +98,11 @@ h2 {font-size:16px; padding-top:12px; clear:both;}
 	margin: 1em; 
 	clear:left; 
 	overflow:hidden;
-	width: 74vw;
+	width: 70vw;
 }
-@media screen and (max-width: 1000px) {
+@media screen and (max-width: 1100px) {
 	.qa-main {
-	width: 92vw;
+	width: 88vw;
 	}
 }
 .qa-main-heading {
@@ -348,17 +366,17 @@ h2 {font-size:16px; padding-top:12px; clear:both;}
 	border-radius: 30px;
 	margin: 1rem;
 	float:left; 
-	padding: 30px 15px 0 15px;
+	padding: 0.5em;
 }
 
 .qa-q-item-main {
-	width: 70vw;
+	width: 65vw;
 	
 }
 
-@media screen and (max-width: 1000px) {
+@media screen and (max-width: 1100px) {
 	.qa-q-item-main {
-	width: 85vw;
+	width: 80vw;
 	}
 }