remijean/ZwiiCMS
2
1
Fork 0
forked from ZwiiCMS-Team/ZwiiCMS
Code Pull Requests Activity

drapeaux dans le site écrans plus petits que 1024px

Browse Source
This commit is contained in:
Fred Tempez 2021-03-24 14:57:03 +01:00
parent a62366d0a0
commit d89b1f40c0
2 changed files with 57 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
core/core.php
View File

@ -2406,6 +2406,7 @@ class layout extends common {
* @param Page par défaut * @param Page par défaut
*/ */
public function showContent() { public function showContent() {
echo $this->showi18n('Site');
if( if(
$this->core->output['title'] $this->core->output['title']
AND ( AND (
@ -2787,7 +2788,7 @@ class layout extends common {
} }
// Retourne les items du menu // Retourne les items du menu
echo '<ul class="navMain" id="menuLeft">' . $itemsLeft . '</ul><ul class="navMain" id="menuRight">' . $itemsRight . '</ul>'; echo '<ul class="navMain" id="menuLeft">' . $itemsLeft . '</ul><ul class="navMain" id="menuRight">' . $itemsRight . '</ul>';
echo $this->showi18n(); echo $this->showi18n('Nav');
} }
/** /**
@ -3132,8 +3133,8 @@ class layout extends common {
/** /**
* Affiche le cadre avec les drapeaux sélectionnés * Affiche le cadre avec les drapeaux sélectionnés
*/ */
public function showi18n() { public function showi18n($id) {
echo '<div id="i18nContainer"><ul>'; echo '<div id="i18nContainer' . $id . '"><ul>';
foreach (self::$i18nList as $key => $value) { foreach (self::$i18nList as $key => $value) {
if ($this->getData(['config','translate',$key]) === 'site' if ($this->getData(['config','translate',$key]) === 'site'
OR ( OR (

72
core/layout/common.css
View File

@ -29,7 +29,7 @@ body {
} }
@media (min-width: 769px) { @media screen and (min-width: 769px) {
body { body {
/*margin:0px 10px;*/ /*margin:0px 10px;*/
margin: 0; margin: 0;
@ -41,7 +41,7 @@ body {
/** /**
* Petits écrans inférieurs à 768px de largeur, on supprime les marges * Petits écrans inférieurs à 768px de largeur, on supprime les marges
*/ */
@media (max-width: 768px) { @media screen and (max-width: 768px) {
body { body {
margin: 0px; margin: 0px;
} }
@ -65,7 +65,7 @@ body {
@media (max-width: 768px) { @media screen and (max-width: 768px) {
.siteContainer { .siteContainer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -237,12 +237,12 @@ td>.col12 {
} }
/* Tableau sur les écrans de petites tailles */ /* Tableau sur les écrans de petites tailles */
@media (max-width: 768px) { @media screen and (max-width: 768px) {
.table thead { .table thead {
font-size: 0.8em; font-size: 0.8em;
} }
} }
@media (max-width: 668px) { @media screen and (max-width: 668px) {
.table thead { .table thead {
display:none; display:none;
} }
@ -408,7 +408,7 @@ td>.col12 {
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
} }
@media (min-width: 769px) { @media screen and (min-width: 769px) {
#bar #barLeft { #bar #barLeft {
float: left; float: left;
} }
@ -419,7 +419,7 @@ td>.col12 {
} }
} }
@media (max-width: 768px) { @media screen and (max-width: 768px) {
#bar { #bar {
text-align: center; text-align: center;
padding: 0 1; padding: 0 1;
@ -455,7 +455,7 @@ td>.col12 {
overflow: hidden; overflow: hidden;
} }
/* Dans theme.css /* Dans theme.css
@media (min-width:768px) { @media screen and (min-width:768px) {
#site { #site {
margin: 20px auto; margin: 20px auto;
} }
@ -464,7 +464,7 @@ td>.col12 {
/* Bannière */ /* Bannière */
@media (min-width:768px) { @media screen and (min-width:768px) {
body>header { body>header {
margin: 0; margin: 0;
/*-10px;*/ /*-10px;*/
@ -598,13 +598,13 @@ nav::before {
display: flex; display: flex;
} }
@media (min-width: 769px) { @media screen and (min-width: 769px) {
nav #menu { nav #menu {
display: block; display: block;
} }
} }
@media (max-width: 768px) { @media screen and (max-width: 768px) {
body>nav { body>nav {
margin: 0; margin: 0;
} }
@ -691,21 +691,21 @@ li .menuSideChild {
/* Container des drapeaux */ /* Container des drapeaux */
#i18nContainer {
#i18nContainerNav, #i18nContainerSite {
position: relative ; position: relative ;
float: right; float: right;
} }
#i18nContainer ul { #i18nContainerNav ul, #i18nContainerSite ul {
list-style: none; list-style: none;
} }
#i18nContainer li { #i18nContainerNav li, #i18nContainerSite li {
display: inline-block; display: inline-block;
position: relative; position: relative;
} }
#i18nFlag { #i18nFlag {
width: 70%; width: 70%;
} }
@ -715,8 +715,42 @@ li .menuSideChild {
} }
/*
* Position du bloc dans le site sur les petits écrans
*/
#i18nContainerNav {
display: block;
}
#i18nContainerSite {
display: none;
}
@media screen and (max-width:1024px){
#i18nContainerNav {
display: none;
}
#i18nContainerSite {
display: block;
margin-top: -10px;
}
#i18nFlag {
width: 100%;
padding: 5px;
}
#i18nFlagSelected {
width: 130%;
padding: 5px;
}
}
/* Corps */ /* Corps */
@media (min-width:768px) { @media screen and (min-width:768px) {
section { section {
padding: 20px; padding: 20px;
} }
@ -813,7 +847,7 @@ footer #footerbody>div {
} }
/* Conserve le pied de page sur une ligne */ /* Conserve le pied de page sur une ligne */
@media (max-width: 768px) { @media screen and (max-width: 768px) {
body>footer { body>footer {
margin: 0; margin: 0;
} }
@ -1358,7 +1392,7 @@ input[type='checkbox']:disabled+label:before {
display: inline-block; display: inline-block;
} }
@media (min-width: 769px) { @media screen and (min-width: 769px) {
.col1 { .col1 {
width: 8.33333333%; width: 8.33333333%;
} }
@ -1547,7 +1581,7 @@ th.col12 {
} }
/* Tableau sur les écrans de très petites tailles */ /* Tableau sur les écrans de très petites tailles */
@media (max-width: 480px){ @media screen and (max-width: 480px){
.table tr{ .table tr{
display: block; display: block;
margin-bottom: 10px; margin-bottom: 10px;