From e8dcf295adfb8e1636b6bdd2c8beb25bd3d0553e Mon Sep 17 00:00:00 2001
From: Alexandre Iooss <erdnaxe@crans.org>
Date: Tue, 1 Sep 2020 09:46:33 +0200
Subject: [PATCH] Make outline button have a background
---
.../note/templates/note/transaction_form.html | 2 +-
note_kfet/static/css/custom.css | 26 ++++++++++++++++---
2 files changed, 23 insertions(+), 5 deletions(-)
diff --git a/apps/note/templates/note/transaction_form.html b/apps/note/templates/note/transaction_form.html
index 2925abdf..f6e1f8c0 100644
--- a/apps/note/templates/note/transaction_form.html
+++ b/apps/note/templates/note/transaction_form.html
@@ -9,7 +9,7 @@ SPDX-License-Identifier: GPL-2.0-or-later
{# bandeau transfert/crédit/débit/activité #}
<div class="row">
<div class="col-xl-12">
- <div class="btn-group btn-group-toggle bg-light" style="width: 100%" data-toggle="buttons">
+ <div class="btn-group btn-group-toggle btn-block" data-toggle="buttons">
<label for="type_transfer" class="btn btn-sm btn-outline-primary active">
<input type="radio" name="transaction_type" id="type_transfer">
{% trans "Transfer" %}
diff --git a/note_kfet/static/css/custom.css b/note_kfet/static/css/custom.css
index cfd42a86..5a23c251 100644
--- a/note_kfet/static/css/custom.css
+++ b/note_kfet/static/css/custom.css
@@ -5,18 +5,20 @@
/* Opaque tooltip with white background */
.tooltip.show {
- opacity: 1;
+ opacity: 1;
}
+
.tooltip-inner {
background-color: #fff;
- box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
- border: 1px solid rgba(0,0,0,.250);
+ box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
+ border: 1px solid rgba(0, 0, 0, .250);
color: #000;
margin: 0 .5rem .25rem .5rem;
padding: 0;
}
+
.bs-tooltip-bottom .arrow::before {
- border-bottom-color: rgba(0,0,0,.250);
+ border-bottom-color: rgba(0, 0, 0, .250);
}
/* Limit fluid container to a max size */
@@ -48,10 +50,26 @@ select.language {
.bg-primary {
background-color: rgb(0, 119, 139) !important;
}
+
html {
scrollbar-color: rgba(121, 121, 123, 1) rgba(35, 35, 39, 1);
}
+
body {
background-color: rgba(64, 64, 64, 1);
background-image: url(../img/background-texture.png);
}
+
+.btn-outline-primary:hover,
+.btn-outline-primary:not(:disabled):not(.disabled).active,
+.btn-outline-primary:not(:disabled):not(.disabled):active {
+ color: #fff;
+ background-color: rgb(0, 119, 139);
+ border-color: rgb(0, 119, 139);
+}
+
+.btn-outline-primary {
+ color: rgb(0, 119, 139);
+ background-color: rgba(248, 249, 250, 0.9);
+ border-color: rgb(0, 119, 139);
+}
\ No newline at end of file
--
GitLab