mirror of
https://github.com/spiral-project/ihatemoney.git
synced 2025-05-05 12:41:49 +02:00
edit templates and styling
This commit is contained in:
Samm Neto
parent
86f99db7cc
commit
fbcffb02d7
6 changed files with 94 additions and 54 deletions
|
|
@ -14,18 +14,22 @@ body {
|
|||
.navbar-brand span {
|
||||
color: #abe128;
|
||||
}
|
||||
|
||||
.navbar h1 {
|
||||
font-size: 1rem;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.navbar .secondary-nav {
|
||||
text-align: right;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
.secondary-nav .nav-link {
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
font-family: "Lobster", arial, serif;
|
||||
font-size: 1.5rem;
|
||||
|
|
@ -51,7 +55,8 @@ body {
|
|||
font-size: 2.4em;
|
||||
}
|
||||
|
||||
#header .tryout, #header .showcase {
|
||||
#header .tryout,
|
||||
#header .showcase {
|
||||
color: #fff;
|
||||
background-color: #414141;
|
||||
border-color: #414141;
|
||||
|
|
@ -59,7 +64,8 @@ body {
|
|||
margin-right: 3px;
|
||||
}
|
||||
|
||||
#header .tryout:hover, #header .showcase:hover {
|
||||
#header .tryout:hover,
|
||||
#header .showcase:hover {
|
||||
background-color: #606060;
|
||||
border-color: #606060;
|
||||
cursor: pointer;
|
||||
|
|
@ -91,9 +97,11 @@ body {
|
|||
.balance tr td {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.positive {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.negative {
|
||||
color: red;
|
||||
}
|
||||
|
|
@ -113,6 +121,7 @@ body {
|
|||
flex: 1 1 auto;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.identifier {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
|
@ -143,10 +152,12 @@ body {
|
|||
.home-container {
|
||||
background: linear-gradient(150deg, #abe128 0%, #43ca61 100%);
|
||||
}
|
||||
|
||||
.home {
|
||||
padding-top: 1em;
|
||||
padding-bottom: 3em;
|
||||
}
|
||||
|
||||
#authentication-form legend {
|
||||
text-align: right;
|
||||
}
|
||||
|
|
@ -160,11 +171,13 @@ body {
|
|||
margin-bottom: 20px;
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
@media (max-width: 450px) {
|
||||
.home .card {
|
||||
min-width: unset;
|
||||
}
|
||||
}
|
||||
|
||||
/* Other */
|
||||
|
||||
#bills {
|
||||
|
|
@ -174,6 +187,7 @@ body {
|
|||
.empty-bill {
|
||||
margin-top: 5rem !important;
|
||||
}
|
||||
|
||||
.empty-bill .card {
|
||||
border: 0;
|
||||
}
|
||||
|
|
@ -216,7 +230,7 @@ footer .footer-left p {
|
|||
footer p.footer-links {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
color: #f5f5f5;
|
||||
margin: 0 0 10px;
|
||||
padding: 0;
|
||||
}
|
||||
|
|
@ -242,7 +256,7 @@ footer .footer-right a {
|
|||
border-radius: 2px;
|
||||
|
||||
font-size: 20px;
|
||||
color: #ffffff;
|
||||
color: #f5f5f5;
|
||||
text-align: center;
|
||||
line-height: 35px;
|
||||
|
||||
|
|
@ -250,12 +264,15 @@ footer .footer-right a {
|
|||
border-radius: 50%;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
@-moz-document url-prefix() {
|
||||
|
||||
/** Firefox style fix **/
|
||||
footer .footer-right a {
|
||||
padding-top: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
footer .footer-right a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
|
@ -268,6 +285,7 @@ footer .footer-left {
|
|||
/* If you don't want the footer to be responsive, remove these media queries */
|
||||
|
||||
@media (max-width: 600px) {
|
||||
|
||||
footer .footer-left,
|
||||
footer .footer-right {
|
||||
text-align: center;
|
||||
|
|
@ -285,7 +303,7 @@ footer .footer-left {
|
|||
|
||||
/* Avoid text color flickering when it loose focus as the modal appears */
|
||||
.btn-primary[data-toggle="modal"] {
|
||||
color: #fff;
|
||||
color: #f5f5f5;
|
||||
}
|
||||
|
||||
.bill-actions {
|
||||
|
|
@ -334,6 +352,7 @@ footer .footer-left {
|
|||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
|
||||
.split_bills,
|
||||
#table_overflow.statistics {
|
||||
/* The table is shifted to left, so add the spacer width on the right to match */
|
||||
|
|
@ -443,7 +462,7 @@ tr.payer_line .balance-name {
|
|||
.reactivate button,
|
||||
.reactivate button:hover {
|
||||
background: url("../images/reactivate.png") left no-repeat;
|
||||
color: white;
|
||||
color: #f5f5f5;
|
||||
}
|
||||
|
||||
.balance.table {
|
||||
|
|
@ -478,39 +497,51 @@ tr:hover .extra-info {
|
|||
.row-fluid>[class*="span"]:not([class*="offset"]):first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.row-fluid>.offset12 {
|
||||
margin-left: 100%;
|
||||
}
|
||||
|
||||
.row-fluid>.offset11 {
|
||||
margin-left: 93.5%;
|
||||
}
|
||||
|
||||
.row-fluid>.offset10 {
|
||||
margin-left: 85%;
|
||||
}
|
||||
|
||||
.row-fluid>.offset9 {
|
||||
margin-left: 76.5%;
|
||||
}
|
||||
|
||||
.row-fluid>.offset8 {
|
||||
margin-left: 68%;
|
||||
}
|
||||
|
||||
.row-fluid>.offset7 {
|
||||
margin-left: 59.5%;
|
||||
}
|
||||
|
||||
.row-fluid>.offset6 {
|
||||
margin-left: 51%;
|
||||
}
|
||||
|
||||
.row-fluid>.offset5 {
|
||||
margin-left: 42.5%;
|
||||
}
|
||||
|
||||
.row-fluid>.offset4 {
|
||||
margin-left: 34%;
|
||||
}
|
||||
|
||||
.row-fluid>.offset3 {
|
||||
margin-left: 25.5%;
|
||||
}
|
||||
|
||||
.row-fluid>.offset2 {
|
||||
margin-left: 17%;
|
||||
}
|
||||
|
||||
.row-fluid>.offset1 {
|
||||
margin-left: 8.5%;
|
||||
}
|
||||
|
|
@ -518,21 +549,26 @@ tr:hover .extra-info {
|
|||
.globe-europe svg {
|
||||
fill: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.navbar-nav .dropdown-toggle:hover .globe-europe svg {
|
||||
fill: rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
|
||||
.navbar-dark .navbar-nav .show>.nav-link svg {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
.navbar-dark .dropdown-menu {
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.icon svg {
|
||||
display: inline-block;
|
||||
border-bottom: 0.2em solid transparent;
|
||||
height: 1.2em;
|
||||
width: 1.2em; /* protection for IE11 */
|
||||
width: 1.2em;
|
||||
/* protection for IE11 */
|
||||
}
|
||||
|
||||
.icon.high svg {
|
||||
|
|
@ -542,24 +578,27 @@ tr:hover .extra-info {
|
|||
}
|
||||
|
||||
.download-project .icon svg {
|
||||
fill: white;
|
||||
fill: #f5f5f5;
|
||||
}
|
||||
|
||||
.icon.before-text svg {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
footer .icon svg {
|
||||
fill: white;
|
||||
fill: #f5f5f5;
|
||||
}
|
||||
|
||||
.icon.icon-white {
|
||||
fill: white;
|
||||
fill: #f5f5f5;
|
||||
}
|
||||
|
||||
.icon.icon-red {
|
||||
fill: #dc3545;
|
||||
}
|
||||
|
||||
.btn:hover .icon.icon-red {
|
||||
fill: white !important;
|
||||
fill: #f5f5f5 !important;
|
||||
}
|
||||
|
||||
/* align the first column */
|
||||
|
|
@ -582,6 +621,7 @@ footer .icon svg {
|
|||
margin-top: 1em;
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
|
||||
.edit-project .custom-file {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
|
@ -1,9 +1,9 @@
|
|||
{% extends "layout.html" %}
|
||||
{% block content %}
|
||||
<h2>{{ _("Authentication") }}</h2>
|
||||
<h2>{{ _("Authentication 🔐") }}</h2>
|
||||
|
||||
{% if create_project %}
|
||||
<p class="info">{{ _("The project you are trying to access do not exist, do you want to") }}
|
||||
<p class="info">{{ _("The project you are trying to access does not exist, would you like to") }}
|
||||
<a href="{{ url_for(".create_project", project_id=create_project) }}">
|
||||
{{ _("create it") }}</a>{{ _("?") }}
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -30,6 +30,6 @@ $(document).ready(function() {
|
|||
})
|
||||
</script>
|
||||
{% else %}
|
||||
<div class="alert alert-danger">{{ _("The Dashboard is currently deactivated.") }}</div>
|
||||
<div class="alert alert-danger">{{ _("The dashboard is currently disabled.") }}</div>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -76,7 +76,7 @@
|
|||
</a>
|
||||
</span>
|
||||
</h5>
|
||||
<p class="mb-1 text-muted">{{ _('Download the list of transactions needed to settle the current bills.') }}</p>
|
||||
<p class="mb-1 text-muted">{{ _('Download the list of transactions that are required to settle the current bills.') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@
|
|||
<div class="actions">
|
||||
<button type="submit" class="btn btn-primary">{{ field.name }}</button>
|
||||
{% if home %}
|
||||
<a href="{{ url_for(".remind_password") }}" class="btn btn-link">{{ _("Can't remember the password?") }}</a>
|
||||
<a href="{{ url_for(".remind_password") }}" class="btn btn-link">{{ _("Forgot Password?") }}</a>
|
||||
{% endif %}
|
||||
{% if cancel %}
|
||||
<button type="reset" class="btn btn-light">{{ _("Cancel") }}</button>
|
||||
|
|
@ -237,7 +237,7 @@
|
|||
|
||||
{% macro invites(form) %}
|
||||
{{ form.hidden_tag() }}
|
||||
{{ input(form.emails, placeholder=_('john.doe@example.com, mary.moe@site.com')) }}
|
||||
{{ input(form.emails, placeholder=_('samm.neto@example.com, sarah.jane@site.com')) }}
|
||||
<div class="actions">
|
||||
<button class="btn btn-primary">{{ _("Send the invitations") }}</button>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -69,7 +69,7 @@
|
|||
<a href="#" class="close" data-dismiss="modal">×</a>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>{{ _("Are you sure you want to erase all history for this project? This action cannot be undone.") }}</p>
|
||||
<p>{{ _("Are you sure you want to erase all of the history for this project? This action cannot be undone.") }}</p>
|
||||
{{ forms.delete_project_history(delete_form) }}
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
|
|
@ -105,7 +105,7 @@
|
|||
{% if current_log_pref == LoggingMode.DISABLED %}
|
||||
<p>{% set url = url_for(".edit_project") %}
|
||||
{% trans %}
|
||||
<i>This project has history disabled. New actions won't appear below. You can enable history on the</i>
|
||||
<i>This project has history disabled. New actions will not appear below. You can enable history on the</i>
|
||||
<a href="{{ url }}">settings page</a>
|
||||
{% endtrans %}
|
||||
</p>
|
||||
|
|
|
|||
Loading…
Reference in a new issue