This is an automated email from the git hooks/post-receive script. New commit to branch develop in repository pollen. See https://gitlab.nuiton.org/chorem/pollen.git commit 053f9ed854bde6db28e34b4acfa685086134cde4 Author: Kevin Morin <morin@codelutin.com> Date: Fri Sep 22 14:42:39 2017 +0200 fixes #146 The registration form does not display on mobiles --- pollen-ui-riot-js/src/main/web/css/main.css | 1 + pollen-ui-riot-js/src/main/web/home/en.html | 2 +- pollen-ui-riot-js/src/main/web/home/fr.html | 2 +- pollen-ui-riot-js/src/main/web/home/style.css | 2 +- pollen-ui-riot-js/src/main/web/homeCL/en.html | 2 +- pollen-ui-riot-js/src/main/web/homeCL/fr.html | 2 +- pollen-ui-riot-js/src/main/web/homeCL/offers.html | 2 +- pollen-ui-riot-js/src/main/web/homeCL/style.css | 2 +- pollen-ui-riot-js/src/main/web/tag/Pollen.tag.html | 12 +++++++++++- pollen-ui-riot-js/src/main/web/tag/SignIn.tag.html | 4 +++- pollen-ui-riot-js/src/main/web/tag/SignUp.tag.html | 7 +++++++ 11 files changed, 29 insertions(+), 9 deletions(-) diff --git a/pollen-ui-riot-js/src/main/web/css/main.css b/pollen-ui-riot-js/src/main/web/css/main.css index 16088191..160fbb50 100644 --- a/pollen-ui-riot-js/src/main/web/css/main.css +++ b/pollen-ui-riot-js/src/main/web/css/main.css @@ -56,6 +56,7 @@ input, textarea { .body-container { display: flex; flex-wrap: wrap; + flex-direction: row; margin-left: auto; margin-right: auto; justify-content: center; diff --git a/pollen-ui-riot-js/src/main/web/home/en.html b/pollen-ui-riot-js/src/main/web/home/en.html index 8c5276bb..8ffd2c5e 100644 --- a/pollen-ui-riot-js/src/main/web/home/en.html +++ b/pollen-ui-riot-js/src/main/web/home/en.html @@ -1,7 +1,7 @@ <link href="./home/style.css" rel="stylesheet" type="text/css"/> -<div class="body-container"> +<div class="home-container"> <div class="wrapper"> <div> <a class="c-button c-button--ghost u-xlarge c-button--ghost-info" href="#/poll/new/text"> diff --git a/pollen-ui-riot-js/src/main/web/home/fr.html b/pollen-ui-riot-js/src/main/web/home/fr.html index 233a5ebf..ae87c2a0 100644 --- a/pollen-ui-riot-js/src/main/web/home/fr.html +++ b/pollen-ui-riot-js/src/main/web/home/fr.html @@ -1,7 +1,7 @@ <link href="./home/style.css" rel="stylesheet" type="text/css"/> -<div class="body-container"> +<div class="home-container"> <div class="wrapper"> <div> <a class="c-button c-button--ghost u-xlarge c-button--ghost-info" href="#/poll/new/text"> diff --git a/pollen-ui-riot-js/src/main/web/home/style.css b/pollen-ui-riot-js/src/main/web/home/style.css index 67a65552..c4b0bc0e 100644 --- a/pollen-ui-riot-js/src/main/web/home/style.css +++ b/pollen-ui-riot-js/src/main/web/home/style.css @@ -1,4 +1,4 @@ -.body-container { +.home-container { display: flex; flex-flow: row wrap; flex-direction: column; diff --git a/pollen-ui-riot-js/src/main/web/homeCL/en.html b/pollen-ui-riot-js/src/main/web/homeCL/en.html index def2576d..466664aa 100644 --- a/pollen-ui-riot-js/src/main/web/homeCL/en.html +++ b/pollen-ui-riot-js/src/main/web/homeCL/en.html @@ -1,7 +1,7 @@ <link href="./home/style.css" rel="stylesheet" type="text/css"/> -<div class="body-container"> +<div class="home-container"> <div class="sub-header"> <div> diff --git a/pollen-ui-riot-js/src/main/web/homeCL/fr.html b/pollen-ui-riot-js/src/main/web/homeCL/fr.html index 327c1ef2..9066f1fc 100644 --- a/pollen-ui-riot-js/src/main/web/homeCL/fr.html +++ b/pollen-ui-riot-js/src/main/web/homeCL/fr.html @@ -1,7 +1,7 @@ <link href="./home/style.css" rel="stylesheet" type="text/css"/> -<div class="body-container"> +<div class="home-container"> <div class="sub-header"> <div> diff --git a/pollen-ui-riot-js/src/main/web/homeCL/offers.html b/pollen-ui-riot-js/src/main/web/homeCL/offers.html index 6ee773d7..30cba306 100644 --- a/pollen-ui-riot-js/src/main/web/homeCL/offers.html +++ b/pollen-ui-riot-js/src/main/web/homeCL/offers.html @@ -1,7 +1,7 @@ <link href="./home/style.css" rel="stylesheet" type="text/css"/> -<div class="body-container"> +<div class="offer-container"> <div class="offer-info"> <h2>Offre Standard</h2> <p> diff --git a/pollen-ui-riot-js/src/main/web/homeCL/style.css b/pollen-ui-riot-js/src/main/web/homeCL/style.css index a8174c5a..929fe272 100644 --- a/pollen-ui-riot-js/src/main/web/homeCL/style.css +++ b/pollen-ui-riot-js/src/main/web/homeCL/style.css @@ -1,4 +1,4 @@ -.body-container { +.home-container, .offer-container { display: flex; flex-flow: row wrap; flex-direction: column; diff --git a/pollen-ui-riot-js/src/main/web/tag/Pollen.tag.html b/pollen-ui-riot-js/src/main/web/tag/Pollen.tag.html index b3ff983d..56d89608 100644 --- a/pollen-ui-riot-js/src/main/web/tag/Pollen.tag.html +++ b/pollen-ui-riot-js/src/main/web/tag/Pollen.tag.html @@ -47,7 +47,7 @@ require("./popup/GtuChangeModal.tag.html"); <PollenHeader/> <PollenWaiter parent-id="body-content"/> <div id="body-content" class="body-content"> - <div ref="content"></div> + <div ref="content" show="{showContent}"></div> <SignIn ref="signIn"/> </div> @@ -80,11 +80,21 @@ require("./popup/GtuChangeModal.tag.html"); let route = require("riot-route"); let Message = require("../js/Message"); + this.showContent = true; + this.on("mount", () => { this.listen("locale", this.onLocaleChange); this.listen("unauthorize", this.refs.signIn.open); this.listen("signIn", this.refs.signIn.open); this.listen("closeSignIn", this.refs.signIn.close); + this.listen("signInOpen", () => { + this.showContent = false; + this.update(); + }); + this.listen("signInClosed", () => { + this.showContent = true; + this.update(); + }); this.listen("messageManagerReady", () => { let q = route.query(); if (q.error) { diff --git a/pollen-ui-riot-js/src/main/web/tag/SignIn.tag.html b/pollen-ui-riot-js/src/main/web/tag/SignIn.tag.html index ada0bdf3..20b4f7ee 100644 --- a/pollen-ui-riot-js/src/main/web/tag/SignIn.tag.html +++ b/pollen-ui-riot-js/src/main/web/tag/SignIn.tag.html @@ -97,11 +97,13 @@ require("./components/HumanInput.tag.html"); this.open = () => { this.openSignIn = true; this.update(); + this.bus.trigger("signInOpen"); }; this.close = () => { this.openSignIn = false; this.update(); + this.bus.trigger("signInClosed"); }; this.signIn = (e) => { @@ -135,7 +137,6 @@ require("./components/HumanInput.tag.html"); <style> .sign-in-layer { - position: absolute; left: 0px; top: 0px; height: 100%; @@ -194,6 +195,7 @@ require("./components/HumanInput.tag.html"); .signin .c-hint--static { margin-left: 35%; } + } </style> diff --git a/pollen-ui-riot-js/src/main/web/tag/SignUp.tag.html b/pollen-ui-riot-js/src/main/web/tag/SignUp.tag.html index 36a794b6..e8c0598a 100644 --- a/pollen-ui-riot-js/src/main/web/tag/SignUp.tag.html +++ b/pollen-ui-riot-js/src/main/web/tag/SignUp.tag.html @@ -205,6 +205,13 @@ require("./components/GtuValidation.tag.html"); .container { margin: 0px auto 0 auto; } + + } + + @media (max-width: 596px) { + h1 { + border-top: 1px solid var(--separator); + } } </style> -- To stop receiving notification emails like this one, please contact chorem.org SCM administrator <admin+scm@chorem.org>.