From 828b7ab66683e1a5f5dbd54a9a36382358f89875 Mon Sep 17 00:00:00 2001 From: Dennis Reimann Date: Thu, 23 May 2024 21:45:12 +0200 Subject: [PATCH] Update breadcrumb --- src/bootstrap/_variables.scss | 5 +++++ src/static/styles/btcpayserver-bootstrap.css | 8 ++++---- 2 files changed, 9 insertions(+), 4 deletions(-) diff --git a/src/bootstrap/_variables.scss b/src/bootstrap/_variables.scss index fc5e66c..1f146f0 100644 --- a/src/bootstrap/_variables.scss +++ b/src/bootstrap/_variables.scss @@ -48,6 +48,11 @@ $nav-link-disabled-color: var(--btcpay-body-text-muted); $alert-padding-y: .75rem; $alert-link-font-weight: var(--btcpay-font-weight-normal); +$breadcrumb-margin-bottom: var(--btcpay-space-m); +$breadcrumb-divider-color: var(--btcpay-body-text); +$breadcrumb-active-color: var(--btcpay-body-text); +$breadcrumb-divider: url("data:image/svg+xml,"); + $table-bg: transparent; $table-striped-color: var(--btcpay-body-text); $table-striped-bg: var(--btcpay-body-bg-striped); diff --git a/src/static/styles/btcpayserver-bootstrap.css b/src/static/styles/btcpayserver-bootstrap.css index aed4097..a46b97b 100644 --- a/src/static/styles/btcpayserver-bootstrap.css +++ b/src/static/styles/btcpayserver-bootstrap.css @@ -4725,12 +4725,12 @@ fieldset:disabled .btn { .breadcrumb { --btcpay-breadcrumb-padding-x: 0; --btcpay-breadcrumb-padding-y: 0; - --btcpay-breadcrumb-margin-bottom: 1rem; + --btcpay-breadcrumb-margin-bottom: var(--btcpay-space-m); --btcpay-breadcrumb-bg: ; --btcpay-breadcrumb-border-radius: ; - --btcpay-breadcrumb-divider-color: var(--btcpay-secondary); + --btcpay-breadcrumb-divider-color: var(--btcpay-body-text); --btcpay-breadcrumb-item-padding-x: 0.5rem; - --btcpay-breadcrumb-item-active-color: var(--btcpay-secondary); + --btcpay-breadcrumb-item-active-color: var(--btcpay-body-text); display: flex; flex-wrap: wrap; padding: var(--btcpay-breadcrumb-padding-y) var(--btcpay-breadcrumb-padding-x); @@ -4749,7 +4749,7 @@ fieldset:disabled .btn { float: left; padding-right: var(--btcpay-breadcrumb-item-padding-x); color: var(--btcpay-breadcrumb-divider-color); - content: var(--btcpay-breadcrumb-divider, "/") /* rtl: var(--btcpay-breadcrumb-divider, "/") */; + content: var(--btcpay-breadcrumb-divider, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3e%3cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%238F979E'/%3e%3c/svg%3e")) /* rtl: var(--btcpay-breadcrumb-divider, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3e%3cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%238F979E'/%3e%3c/svg%3e")) */; } .breadcrumb-item.active {