ynerant
/
nk20
mirror of https://gitlab.crans.org/bde/nk20
1
0
Fork 0
Code Issues Releases Wiki Activity

Make outline button have a background

This commit is contained in:
Alexandre Iooss 2020-09-01 09:46:33 +02:00
parent 5642c268e9
commit e8dcf295ad
2 changed files with 23 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/note/templates/note/transaction_form.html
View File

@ -9,7 +9,7 @@ SPDX-License-Identifier: GPL-2.0-or-later
{# bandeau transfert/crédit/débit/activité #} {# bandeau transfert/crédit/débit/activité #}
<div class="row"> <div class="row">
<div class="col-xl-12"> <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"> <label for="type_transfer" class="btn btn-sm btn-outline-primary active">
<input type="radio" name="transaction_type" id="type_transfer"> <input type="radio" name="transaction_type" id="type_transfer">
{% trans "Transfer" %} {% trans "Transfer" %}

26
note_kfet/static/css/custom.css
View File

@ -5,18 +5,20 @@
/* Opaque tooltip with white background */ /* Opaque tooltip with white background */
.tooltip.show { .tooltip.show {
opacity: 1; opacity: 1;
} }
.tooltip-inner { .tooltip-inner {
background-color: #fff; background-color: #fff;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
border: 1px solid rgba(0,0,0,.250); border: 1px solid rgba(0, 0, 0, .250);
color: #000; color: #000;
margin: 0 .5rem .25rem .5rem; margin: 0 .5rem .25rem .5rem;
padding: 0; padding: 0;
} }
.bs-tooltip-bottom .arrow::before { .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 */ /* Limit fluid container to a max size */
@ -48,10 +50,26 @@ select.language {
.bg-primary { .bg-primary {
background-color: rgb(0, 119, 139) !important; background-color: rgb(0, 119, 139) !important;
} }
html { html {
scrollbar-color: rgba(121, 121, 123, 1) rgba(35, 35, 39, 1); scrollbar-color: rgba(121, 121, 123, 1) rgba(35, 35, 39, 1);
} }
body { body {
background-color: rgba(64, 64, 64, 1); background-color: rgba(64, 64, 64, 1);
background-image: url(../img/background-texture.png); 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);
}