[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[taler-bank] branch master updated: layout/css tweaks
From: |
gnunet |
Subject: |
[taler-bank] branch master updated: layout/css tweaks |
Date: |
Fri, 23 Apr 2021 11:36:41 +0200 |
This is an automated email from the git hooks/post-receive script.
dold pushed a commit to branch master
in repository bank.
The following commit(s) were added to refs/heads/master by this push:
new 1fc6bce layout/css tweaks
1fc6bce is described below
commit 1fc6bced85abafa3e4865c465160816732afb2d5
Author: Florian Dold <florian@dold.me>
AuthorDate: Fri Apr 23 11:36:38 2021 +0200
layout/css tweaks
---
talerbank/app/static/demo.css | 45 ++++--------------------------
talerbank/app/static/torsten.css | 47 --------------------------------
talerbank/app/templates/common_base.html | 19 ++++++-------
3 files changed, 14 insertions(+), 97 deletions(-)
diff --git a/talerbank/app/static/demo.css b/talerbank/app/static/demo.css
index bdf9522..ce95cc9 100644
--- a/talerbank/app/static/demo.css
+++ b/talerbank/app/static/demo.css
@@ -31,12 +31,13 @@
}
.content {
+ margin-left: 2em;
overflow-x: auto;
}
.demobar {
overflow-x: auto;
- background-color: #033;
+ background-color: #1e2739;
color: white;
}
@@ -45,42 +46,8 @@ body {
overflow-y: auto;
}
-body * {
- /* margin-left: 0.5vw; */
- left: 0.1vw;
-}
-
-@media (min-width: 500px) {
- .content {
- /* margin-left: 0vw; */
- padding-left: 2em;
- margin-right: 1em;
- overflow-x: hidden;
- overflow-y: auto;
- }
-
- .demobar {
- /* height: 100%; */
- /* width: 25%; */
- /* NOTE: Please use "vh"/"vw" instead of "%" when possible, in the future.
*/
- height: min-content;
- width: 100vw;
- margin: 0;
- top: 0;
- left: 0;
- background-color: #033;
- color: white;
- position: relative;
- padding-right: 1em;
- overflow-x: hidden;
- overflow-y: auto;
- text-align: center;
- }
-}
-
.navcontainer {
- overflow: hidden;
- background: #144;
+ background: #1e2739;
margin-bottom: 50px;
width: 100%;
color: white;
@@ -96,7 +63,7 @@ body * {
nav {
left: 1vw;
position: relative;
- background: #144;
+ background: #1e2739;
z-index: 10000;
}
@@ -128,13 +95,13 @@ nav span:hover,
nav a.active,
nav span.active,
.navbtn.active {
- background-color: #3daee9;
+ background-color: #0042b2;
}
nav a.active:hover,
nav span.active:hover,
.navbtn.active:hover {
- background: #0042b2;
+ background: #3daee9;
}
nav a,
diff --git a/talerbank/app/static/torsten.css b/talerbank/app/static/torsten.css
deleted file mode 100644
index 6e5a01d..0000000
--- a/talerbank/app/static/torsten.css
+++ /dev/null
@@ -1,47 +0,0 @@
-.warn {
- background-color: #aa393977;
- padding: 1em;
-}
-@keyframes hoveranim {
- from {
- left: 0;
- }
- to {
- left: 1vw;
- }
-}
-@keyframes hoveranimrevert {
- from {
- left: 1vw;
- }
- to {
- left: 0;
- }
-}
-.notice {
- border-radius: 1em;
- background: #0333;
- border-left: 0.3em solid #033;
- padding-left: 1em;
- padding-top: 0.5em;
- padding-bottom: 0.5em;
- margin-top: 2em;
- margin-bottom: 2em;
-}
-.notice {
- position: relative;
- left: 0;
- animation-name: hoveranimrevert;
- animation-duration: 1s;
-}
-.notice:hover {
- left: 1vw;
- animation-name: hoveranim;
- animation-duration: 1s;
-}
-#main a:link,
-#main a:visited,
-#main a:hover,
-#main a:active {
- color: black;
-}
diff --git a/talerbank/app/templates/common_base.html
b/talerbank/app/templates/common_base.html
index a90c64c..69e78db 100644
--- a/talerbank/app/templates/common_base.html
+++ b/talerbank/app/templates/common_base.html
@@ -20,18 +20,13 @@
<title>{{ page_title | default(gettext("GNU Taler Demo")) }}</title>
<link rel="stylesheet" type="text/css" href="{{ static('pure.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ static('demo.css') }}" />
- <link rel="stylesheet" type="text/css" href="{{ static('navbar.css') }}" />
- <link rel="stylesheet" type="text/css" href="{{ static('torsten.css') }}" />
{% block head %}
{% endblock %}
</head>
<body>
- <header class="demobar" style="display: flex; flex-direction: column;">
- <p>
- <img src="{{ static('logo-white.svg') }}" height="100"><br/>
- </p>
-
+ <header class="demobar" style="display: flex; flex-direction: row;">
+ <img src="{{ static('logo-white.svg') }}" height="100" style="margin: 2em
2em"><br/>
<div>
{% block header_content %}
<p>This is the header content.</p>
@@ -59,9 +54,10 @@
>{{gettext("Tipping/Survey")}}</a>
{# Language Selector #}
- <span class="right">
- {{ all_languages[getlang()] | default("en") }}
- <div class="nav">
+ <div class="right">
+ <span>{{ all_languages[getlang()] | default("en") }}</span>
+ <div style="position: relative; overflow: visible;">
+ <div class="nav" style="position: absolute; background: #1e2739;
max-height: 20em; overflow-y: scroll">
<br>
{% for lang_code, lang_display in all_languages.items() %}
{% if lang_code != getlang() %}
@@ -70,7 +66,8 @@
{% endif %}
{% endfor %}
</div>
- </span>
+ </div>
+ </div>
</nav>
</div>
--
To stop receiving notification emails like this one, please contact
gnunet@gnunet.org.
[Prev in Thread] |
Current Thread |
[Next in Thread] |
- [taler-bank] branch master updated: layout/css tweaks,
gnunet <=