diff options
author | Marcello Stanisci <stanisci.m@gmail.com> | 2018-09-04 12:36:10 +0200 |
---|---|---|
committer | Marcello Stanisci <stanisci.m@gmail.com> | 2018-09-04 12:36:10 +0200 |
commit | 37f7272373c2abc5b0ff9484008bf56908ac8db0 (patch) | |
tree | 27fe28ce5a6233b532a17a032121f220dc6627e4 | |
parent | c86d414cbf792b62dc3b3aa477b81e77b0befda1 (diff) | |
download | backoffice-37f7272373c2abc5b0ff9484008bf56908ac8db0.tar.gz backoffice-37f7272373c2abc5b0ff9484008bf56908ac8db0.tar.bz2 backoffice-37f7272373c2abc5b0ff9484008bf56908ac8db0.zip |
Rudimentary language-switch menu.
-rw-r--r-- | talerbackoffice/backoffice/static/backoffice.css | 23 | ||||
-rw-r--r-- | talerbackoffice/backoffice/templates/backoffice.html | 8 | ||||
-rw-r--r-- | talerbackoffice/backoffice/templates/base.html | 1 |
3 files changed, 29 insertions, 3 deletions
diff --git a/talerbackoffice/backoffice/static/backoffice.css b/talerbackoffice/backoffice/static/backoffice.css index 0e41201..4cf50e9 100644 --- a/talerbackoffice/backoffice/static/backoffice.css +++ b/talerbackoffice/backoffice/static/backoffice.css @@ -1,3 +1,26 @@ + +/** + * Next two makes the "langs" menu stick + * to the right side of the screen, avoiding + * the overlapping between the menu and next + * 'p' element. + */ +#langs { + float: right; +} + +.clear { + clear: both; +} + +#langs ul { + list-style: none; +} + +#langs li { + display: inline; +} + .logo-text { text-align: center; margin-top: 0pt; diff --git a/talerbackoffice/backoffice/templates/backoffice.html b/talerbackoffice/backoffice/templates/backoffice.html index 324779a..f47f82a 100644 --- a/talerbackoffice/backoffice/templates/backoffice.html +++ b/talerbackoffice/backoffice/templates/backoffice.html @@ -1,14 +1,18 @@ {% extends "templates/base.html" %} {% block main %} <h1 class="logo-text">Taler backoffice</h1> - <p>{% trans %}This is the Taler backoffice facility. Through it, + <ul id="langs"> + <li><a href="../en/">[en]</a></li> + <li><a href="../it/">[it]</a></li> + <li><a href="../de/">[de]</a></li> + </ul> + <p class="clear">{% trans %}This is the Taler backoffice facility. Through it, the user can see the money flow from Taler transactions to wire transfers and viceversa.{% endtrans %}</p> <div id="information-bar"> <!-- programmatically filled. --> </div> - <br /> <div> <span style="margin-right: 10px;">{% trans %}Current instance:{% endtrans %}</span> diff --git a/talerbackoffice/backoffice/templates/base.html b/talerbackoffice/backoffice/templates/base.html index 4e8109c..e575ec7 100644 --- a/talerbackoffice/backoffice/templates/base.html +++ b/talerbackoffice/backoffice/templates/base.html @@ -42,7 +42,6 @@ </ul> <p>You can learn more about Taler on our main <a href="https://taler.net">website</a>.</p> </div> - <section id="main" class="content"> <a href="{{ url("/") }}"> <div id="logo"> |