diff --git a/src/Money.Blazor.Host/Layouts/BottomMenu.razor b/src/Money.Blazor.Host/Layouts/BottomMenu.razor index 1ad5d051..9b447d7d 100644 --- a/src/Money.Blazor.Host/Layouts/BottomMenu.razor +++ b/src/Money.Blazor.Host/Layouts/BottomMenu.razor @@ -41,7 +41,7 @@ -
+
Money by Neptuo
@if (MainMenu != null) diff --git a/src/Money.Blazor.Host/wwwroot/css/site.css b/src/Money.Blazor.Host/wwwroot/css/site.css index 8e8eadb3..1555eacb 100644 --- a/src/Money.Blazor.Host/wwwroot/css/site.css +++ b/src/Money.Blazor.Host/wwwroot/css/site.css @@ -186,6 +186,7 @@ h4 { } .bottom-bar { + z-index: 1050; background: #f5f5f5; border-top: 1px solid #dddddd; } @@ -193,6 +194,11 @@ h4 { display: none; } +.offcanvas-bottom-menu { + --bs-offcanvas-height: 42vh; + bottom: 55px; +} + .center { text-align: center; } @@ -427,7 +433,7 @@ h4 { height: 100%; overflow: hidden; background: #004074; - z-index: 1031; + z-index: 1060; -webkit-transition: height 1s, opacity 0.5s linear 1s, margin-top 0.1s linear 2s; transition: height 1s, opacity 0.5s linear 1s, margin-top 0.1s linear 2s; } diff --git a/src/Money.Blazor.Host/wwwroot/css/site.min.css b/src/Money.Blazor.Host/wwwroot/css/site.min.css index f57a31bf..87733c81 100644 --- a/src/Money.Blazor.Host/wwwroot/css/site.min.css +++ b/src/Money.Blazor.Host/wwwroot/css/site.min.css @@ -1 +1 @@ -@charset "UTF-8";::-webkit-scrollbar{width:8px;}::-webkit-scrollbar-track{background:#f5f5f5;}::-webkit-scrollbar-thumb{background:#bbb;}.clear{clear:both;}html,body{overscroll-behavior-y:none;}body{position:relative;min-width:380px;min-height:100vh;padding-top:30px;padding-bottom:20px;overflow-x:hidden;}.body-content{margin-bottom:64px;}footer.navbar{position:absolute;bottom:0;width:100%;padding-top:.5rem;}footer.navbar .container{border-top:1px solid rgba(0,0,0,.1);}footer.navbar .navbar-text{color:#aaa!important;}footer.navbar a{color:#aaa!important;text-decoration:none;}footer.navbar a:hover{text-decoration:underline;}h4{margin-bottom:20px;}.fas.fa-trash-alt{color:#d85a5a;}.h-100vh{height:100dvh;}.dropdown-item{padding:.25rem 1rem;}.dropdown-item .fa,.dropdown-item .fas{width:20px;text-align:center;margin-right:6px;}.dropdown-nocaret::after{display:none!important;}.navbar-dark{background-color:#004074;border-color:#398bf5;}.navbar-dark .navbar-collapse{border-color:#398bf5;}.navbar-dark .navbar-collapse::-webkit-scrollbar-track{background:#004074;}.navbar-dark .navbar-collapse::-webkit-scrollbar-thumb{background:#004074;}.navbar-dark .navbar-toggle,.navbar-dark .navbar-toggle:focus,.navbar-dark .navbar-toggle:hover{background-color:#0078d7;border-color:#398bf5;}.navbar-dark .navbar-nav>li>a,.navbar-dark .navbar-nav>li>button{color:#bcdbff;cursor:pointer;}@media(max-width:767px){.navbar-dark .navbar-nav>.open ul.dropdown-menu>li>a{color:#bcdbff;}}.navbar-dark .navbar-nav>.open>a,.navbar-dark .navbar-nav>.open>a:hover{background:#245a9d;}.navbar-dark .navbar-nav>li>a.active{color:#fff;}.navbar-dark .navbar-nav>li>button:hover{text-decoration:none;}.navbar-dark a.navbar-brand{color:#fff;padding:0;}.navbar-dark a.navbar-brand .brand-author{position:absolute;bottom:0;left:47px;font-size:8px;}.navbar-dark .nav-item hr.separator{border-color:rgba(255,255,255,.5);}.navbar-dark .navbar-brand{position:relative;}.navbar-dark .navbar-brand .status{font-size:10px;top:5px;position:absolute;}.nav-tabs>li>a:hover{cursor:pointer;}.nav-tabs>li.active>a:hover{cursor:default;}.header{min-width:380px;padding:14px 0;background:#f5f5f5;border-bottom:1px solid #ddd;}.header .icon{font-size:26px;color:#0078d7;}.header h3{line-height:1.25;margin-bottom:0;-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.header h6{width:100%;margin-top:.5rem;margin-bottom:0;text-overflow:ellipsis;line-height:1.25;white-space:nowrap;overflow:hidden;}.header .actions{white-space:nowrap;}.header-append{margin-bottom:150px;}.header-append-small{margin-bottom:110px;}.bottom-bar{background:#f5f5f5;border-top:1px solid #ddd;}.bottom-bar .items-6 span.text,.bottom-bar .items-5 span.text,.bottom-bar .items-4 span.text,.bottom-bar .items-3 span.text{display:none;}.center{text-align:center;}.gray{opacity:.7;}.table .btn-link{padding:0;}.table .min-column{max-width:1px;overflow:auto;}.alert .nav{margin-top:-7px;margin-bottom:-7px;}.alert .nav .btn-link{color:#333;}.back-dark{color:#eee!important;}.back-dark .btn-link{color:#eee!important;}.back-light{color:#212529!important;}.btn-icon,.btn-color{width:48px;height:48px;margin:3px;}.btn-icon{font-size:1.6em;padding:0;}.btn-selectable{border-radius:4px;border:2px solid transparent;}.btn-selectable:focus,.btn-selectable:hover{text-decoration:none;}.btn-selectable.btn-selectable-selected,.btn-selectable:focus,.btn-selectable:hover{position:relative;outline:0;border-color:#000;}.btn-selectable.btn-selectable-selected::before,.btn-selectable:focus::before,.btn-selectable:hover::before{content:" ";content:"✓";padding:2px;background:#000;border-radius:0 0 4px 0;position:absolute;left:0;top:0;color:#fff;font-size:11px;}.card{margin-bottom:15px;}.card .nav{margin-top:-7px;margin-bottom:-7px;}.card .nav .btn-link{color:#333;}.card p:last-child{margin:0;}.card.card-hover:hover{background-color:#eee;}.sort a{cursor:pointer;}.summary .months{padding-right:70px;}.summary .graph{margin-bottom:-15px;}.bar-graph{margin:0;border-width:1px 0 0 0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;}.bar-graph .card-body{position:relative;height:60px;padding:15px;}.bar-graph .description{position:absolute;margin:0;font-size:24px;font-weight:normal;line-height:1.1;display:inline;z-index:1;}.bar-graph .description .name{font-size:16px;white-space:nowrap;}.bar-graph .description .icon{display:inline-block;width:34px;text-align:center;}.bar-graph .value{position:absolute;width:calc(100% - 30px);}.bar-graph .amount{float:right;}.bar-graph .bar{height:10px;float:right;clear:both;-webkit-transition:width 1s;transition:width 1s;}.bar-graph:hover{background-color:#f5f5f5;}.bar-graph-summary{border:0;}.bar-graph-summary .glyphicon{margin:0 4px;}.bar-graph-summary .category-name{font-weight:bold;}.bar-graph-summary .amount{font-weight:bold;}.overview{max-width:900px;margin:0 auto;}.overview .sort{float:right;}.search{max-width:900px;margin:0 auto;}.cards{margin:20px 0;}.cards .row:first-child{border-top:1px solid #dee2e6!important;}.cards .row:hover{background:#eee;}.cards .row .btn-link{color:#333;}@media(max-width:767px){.modal .btn-primary{width:100%;display:block;}}.modal .modal-overflow .modal-body{max-height:calc(100vh - 142px - 1rem);overflow:auto;}@media(min-width:576px){.modal .modal-overflow .modal-body{max-height:calc(100vh - 142px - 2.5rem);}}.vertical-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;}.cursor-pointer{cursor:pointer;}.splash{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#004074;z-index:1031;-webkit-transition:height 1s,opacity .5s linear 1s,margin-top .1s linear 2s;transition:height 1s,opacity .5s linear 1s,margin-top .1s linear 2s;}.splash .app-title{position:absolute;bottom:40px;width:100vw;text-align:center;color:#fff;font-size:1.6rem;font-weight:lighter;-webkit-transition:opacity .5s;transition:opacity .5s;}.splash img{width:274px;height:274px;-webkit-transition:opacity .5s,width .5s,height .5s;transition:opacity .5s,width .5s,height .5s;}.splash.animate{height:56px;opacity:0;margin-top:-60px;}.splash.animate .app-title,.splash.animate img{opacity:0;}.splash.animate img{width:56px;height:56px;}.loading-bar{display:inline-block;position:relative;width:64px;height:84px;}.loading-bar div{display:inline-block;position:absolute;left:6px;width:13px;background:#193f6f;-webkit-animation:loading-bar 1.2s cubic-bezier(0,.5,.5,1) infinite;animation:loading-bar 1.2s cubic-bezier(0,.5,.5,1) infinite;}.loading-bar div:nth-child(1){left:6px;-webkit-animation-delay:-.24s;animation-delay:-.24s;}.loading-bar div:nth-child(2){left:26px;-webkit-animation-delay:-.12s;animation-delay:-.12s;}.loading-bar div:nth-child(3){left:45px;-webkit-animation-delay:0;animation-delay:0;}@-webkit-keyframes loading-bar{0%{top:6px;height:71px;}50%,100%{top:19px;height:26px;}}@keyframes loading-bar{0%{top:6px;height:71px;}50%,100%{top:19px;height:26px;}}.loading{position:relative;}.loading .mask{position:absolute;left:0;top:0;width:100%;height:100%;display:none;opacity:.9;background:#fff;}.loading-active .mask{display:block;}.pager{margin:20px 0 40px 0;}.pager a{cursor:pointer;}.pager li{display:inline-block;}.pager .current{margin:0 16px;}.user{margin:20px 15px;}.login{margin-top:20px;}.expenses-bag{position:relative;}.expenses-bag button{display:none;}.expenses-bag button:last-child{display:inline-block;}.refresher{pointer-events:none;--refresh-width:55px;background:#fff;width:var(--refresh-width);height:var(--refresh-width);border-radius:50%;position:absolute;top:-56px;left:calc(50% - var(--refresh-width)/2);padding:8px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);-webkit-transition:all 300ms cubic-bezier(0,0,.2,1);transition:all 300ms cubic-bezier(0,0,.2,1);will-change:transform,opacity;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1100;visibility:hidden;}.refresher.visible{top:56px;}.loading-bar{width:4px;height:18px;border-radius:4px;-webkit-animation:loading 1s ease-in-out infinite;animation:loading 1s ease-in-out infinite;}.loading-bar:nth-child(1){background-color:#3498db;-webkit-animation-delay:0;animation-delay:0;}.loading-bar:nth-child(2){background-color:#c0392b;-webkit-animation-delay:.09s;animation-delay:.09s;}.loading-bar:nth-child(3){background-color:#f1c40f;-webkit-animation-delay:.18s;animation-delay:.18s;}.loading-bar:nth-child(4){background-color:#27ae60;-webkit-animation-delay:.27s;animation-delay:.27s;}@-webkit-keyframes loading{0%{-webkit-transform:scale(1);transform:scale(1);}20%{-webkit-transform:scale(1,2.2);transform:scale(1,2.2);}40%{-webkit-transform:scale(1);transform:scale(1);}}@keyframes loading{0%{-webkit-transform:scale(1);transform:scale(1);}20%{-webkit-transform:scale(1,2.2);transform:scale(1,2.2);}40%{-webkit-transform:scale(1);transform:scale(1);}}.swipe-left,.swipe-right{position:fixed;top:calc(50vh - 60px);font-size:2.5rem;color:#004074;}.swipe-left{left:-35px;}.swipe-right{right:-35px;} \ No newline at end of file +@charset "UTF-8";::-webkit-scrollbar{width:8px;}::-webkit-scrollbar-track{background:#f5f5f5;}::-webkit-scrollbar-thumb{background:#bbb;}.clear{clear:both;}html,body{overscroll-behavior-y:none;}body{position:relative;min-width:380px;min-height:100vh;padding-top:30px;padding-bottom:20px;overflow-x:hidden;}.body-content{margin-bottom:64px;}footer.navbar{position:absolute;bottom:0;width:100%;padding-top:.5rem;}footer.navbar .container{border-top:1px solid rgba(0,0,0,.1);}footer.navbar .navbar-text{color:#aaa!important;}footer.navbar a{color:#aaa!important;text-decoration:none;}footer.navbar a:hover{text-decoration:underline;}h4{margin-bottom:20px;}.fas.fa-trash-alt{color:#d85a5a;}.h-100vh{height:100dvh;}.dropdown-item{padding:.25rem 1rem;}.dropdown-item .fa,.dropdown-item .fas{width:20px;text-align:center;margin-right:6px;}.dropdown-nocaret::after{display:none!important;}.navbar-dark{background-color:#004074;border-color:#398bf5;}.navbar-dark .navbar-collapse{border-color:#398bf5;}.navbar-dark .navbar-collapse::-webkit-scrollbar-track{background:#004074;}.navbar-dark .navbar-collapse::-webkit-scrollbar-thumb{background:#004074;}.navbar-dark .navbar-toggle,.navbar-dark .navbar-toggle:focus,.navbar-dark .navbar-toggle:hover{background-color:#0078d7;border-color:#398bf5;}.navbar-dark .navbar-nav>li>a,.navbar-dark .navbar-nav>li>button{color:#bcdbff;cursor:pointer;}@media(max-width:767px){.navbar-dark .navbar-nav>.open ul.dropdown-menu>li>a{color:#bcdbff;}}.navbar-dark .navbar-nav>.open>a,.navbar-dark .navbar-nav>.open>a:hover{background:#245a9d;}.navbar-dark .navbar-nav>li>a.active{color:#fff;}.navbar-dark .navbar-nav>li>button:hover{text-decoration:none;}.navbar-dark a.navbar-brand{color:#fff;padding:0;}.navbar-dark a.navbar-brand .brand-author{position:absolute;bottom:0;left:47px;font-size:8px;}.navbar-dark .nav-item hr.separator{border-color:rgba(255,255,255,.5);}.navbar-dark .navbar-brand{position:relative;}.navbar-dark .navbar-brand .status{font-size:10px;top:5px;position:absolute;}.nav-tabs>li>a:hover{cursor:pointer;}.nav-tabs>li.active>a:hover{cursor:default;}.header{min-width:380px;padding:14px 0;background:#f5f5f5;border-bottom:1px solid #ddd;}.header .icon{font-size:26px;color:#0078d7;}.header h3{line-height:1.25;margin-bottom:0;-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.header h6{width:100%;margin-top:.5rem;margin-bottom:0;text-overflow:ellipsis;line-height:1.25;white-space:nowrap;overflow:hidden;}.header .actions{white-space:nowrap;}.header-append{margin-bottom:150px;}.header-append-small{margin-bottom:110px;}.bottom-bar{z-index:1050;background:#f5f5f5;border-top:1px solid #ddd;}.bottom-bar .items-6 span.text,.bottom-bar .items-5 span.text,.bottom-bar .items-4 span.text,.bottom-bar .items-3 span.text{display:none;}.offcanvas-bottom-menu{--bs-offcanvas-height:42vh;bottom:55px;}.center{text-align:center;}.gray{opacity:.7;}.table .btn-link{padding:0;}.table .min-column{max-width:1px;overflow:auto;}.alert .nav{margin-top:-7px;margin-bottom:-7px;}.alert .nav .btn-link{color:#333;}.back-dark{color:#eee!important;}.back-dark .btn-link{color:#eee!important;}.back-light{color:#212529!important;}.btn-icon,.btn-color{width:48px;height:48px;margin:3px;}.btn-icon{font-size:1.6em;padding:0;}.btn-selectable{border-radius:4px;border:2px solid transparent;}.btn-selectable:focus,.btn-selectable:hover{text-decoration:none;}.btn-selectable.btn-selectable-selected,.btn-selectable:focus,.btn-selectable:hover{position:relative;outline:0;border-color:#000;}.btn-selectable.btn-selectable-selected::before,.btn-selectable:focus::before,.btn-selectable:hover::before{content:" ";content:"✓";padding:2px;background:#000;border-radius:0 0 4px 0;position:absolute;left:0;top:0;color:#fff;font-size:11px;}.card{margin-bottom:15px;}.card .nav{margin-top:-7px;margin-bottom:-7px;}.card .nav .btn-link{color:#333;}.card p:last-child{margin:0;}.card.card-hover:hover{background-color:#eee;}.sort a{cursor:pointer;}.summary .months{padding-right:70px;}.summary .graph{margin-bottom:-15px;}.bar-graph{margin:0;border-width:1px 0 0 0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;}.bar-graph .card-body{position:relative;height:60px;padding:15px;}.bar-graph .description{position:absolute;margin:0;font-size:24px;font-weight:normal;line-height:1.1;display:inline;z-index:1;}.bar-graph .description .name{font-size:16px;white-space:nowrap;}.bar-graph .description .icon{display:inline-block;width:34px;text-align:center;}.bar-graph .value{position:absolute;width:calc(100% - 30px);}.bar-graph .amount{float:right;}.bar-graph .bar{height:10px;float:right;clear:both;-webkit-transition:width 1s;transition:width 1s;}.bar-graph:hover{background-color:#f5f5f5;}.bar-graph-summary{border:0;}.bar-graph-summary .glyphicon{margin:0 4px;}.bar-graph-summary .category-name{font-weight:bold;}.bar-graph-summary .amount{font-weight:bold;}.overview{max-width:900px;margin:0 auto;}.overview .sort{float:right;}.search{max-width:900px;margin:0 auto;}.cards{margin:20px 0;}.cards .row:first-child{border-top:1px solid #dee2e6!important;}.cards .row:hover{background:#eee;}.cards .row .btn-link{color:#333;}@media(max-width:767px){.modal .btn-primary{width:100%;display:block;}}.modal .modal-overflow .modal-body{max-height:calc(100vh - 142px - 1rem);overflow:auto;}@media(min-width:576px){.modal .modal-overflow .modal-body{max-height:calc(100vh - 142px - 2.5rem);}}.vertical-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;}.cursor-pointer{cursor:pointer;}.splash{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#004074;z-index:1060;-webkit-transition:height 1s,opacity .5s linear 1s,margin-top .1s linear 2s;transition:height 1s,opacity .5s linear 1s,margin-top .1s linear 2s;}.splash .app-title{position:absolute;bottom:40px;width:100vw;text-align:center;color:#fff;font-size:1.6rem;font-weight:lighter;-webkit-transition:opacity .5s;transition:opacity .5s;}.splash img{width:274px;height:274px;-webkit-transition:opacity .5s,width .5s,height .5s;transition:opacity .5s,width .5s,height .5s;}.splash.animate{height:56px;opacity:0;margin-top:-60px;}.splash.animate .app-title,.splash.animate img{opacity:0;}.splash.animate img{width:56px;height:56px;}.loading-bar{display:inline-block;position:relative;width:64px;height:84px;}.loading-bar div{display:inline-block;position:absolute;left:6px;width:13px;background:#193f6f;-webkit-animation:loading-bar 1.2s cubic-bezier(0,.5,.5,1) infinite;animation:loading-bar 1.2s cubic-bezier(0,.5,.5,1) infinite;}.loading-bar div:nth-child(1){left:6px;-webkit-animation-delay:-.24s;animation-delay:-.24s;}.loading-bar div:nth-child(2){left:26px;-webkit-animation-delay:-.12s;animation-delay:-.12s;}.loading-bar div:nth-child(3){left:45px;-webkit-animation-delay:0;animation-delay:0;}@-webkit-keyframes loading-bar{0%{top:6px;height:71px;}50%,100%{top:19px;height:26px;}}@keyframes loading-bar{0%{top:6px;height:71px;}50%,100%{top:19px;height:26px;}}.loading{position:relative;}.loading .mask{position:absolute;left:0;top:0;width:100%;height:100%;display:none;opacity:.9;background:#fff;}.loading-active .mask{display:block;}.pager{margin:20px 0 40px 0;}.pager a{cursor:pointer;}.pager li{display:inline-block;}.pager .current{margin:0 16px;}.user{margin:20px 15px;}.login{margin-top:20px;}.expenses-bag{position:relative;}.expenses-bag button{display:none;}.expenses-bag button:last-child{display:inline-block;}.refresher{pointer-events:none;--refresh-width:55px;background:#fff;width:var(--refresh-width);height:var(--refresh-width);border-radius:50%;position:absolute;top:-56px;left:calc(50% - var(--refresh-width)/2);padding:8px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);-webkit-transition:all 300ms cubic-bezier(0,0,.2,1);transition:all 300ms cubic-bezier(0,0,.2,1);will-change:transform,opacity;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1100;visibility:hidden;}.refresher.visible{top:56px;}.loading-bar{width:4px;height:18px;border-radius:4px;-webkit-animation:loading 1s ease-in-out infinite;animation:loading 1s ease-in-out infinite;}.loading-bar:nth-child(1){background-color:#3498db;-webkit-animation-delay:0;animation-delay:0;}.loading-bar:nth-child(2){background-color:#c0392b;-webkit-animation-delay:.09s;animation-delay:.09s;}.loading-bar:nth-child(3){background-color:#f1c40f;-webkit-animation-delay:.18s;animation-delay:.18s;}.loading-bar:nth-child(4){background-color:#27ae60;-webkit-animation-delay:.27s;animation-delay:.27s;}@-webkit-keyframes loading{0%{-webkit-transform:scale(1);transform:scale(1);}20%{-webkit-transform:scale(1,2.2);transform:scale(1,2.2);}40%{-webkit-transform:scale(1);transform:scale(1);}}@keyframes loading{0%{-webkit-transform:scale(1);transform:scale(1);}20%{-webkit-transform:scale(1,2.2);transform:scale(1,2.2);}40%{-webkit-transform:scale(1);transform:scale(1);}}.swipe-left,.swipe-right{position:fixed;top:calc(50vh - 60px);font-size:2.5rem;color:#004074;}.swipe-left{left:-35px;}.swipe-right{right:-35px;} \ No newline at end of file diff --git a/src/Money.Blazor.Host/wwwroot/css/site.scss b/src/Money.Blazor.Host/wwwroot/css/site.scss index e9be77d1..d7344c8a 100644 --- a/src/Money.Blazor.Host/wwwroot/css/site.scss +++ b/src/Money.Blazor.Host/wwwroot/css/site.scss @@ -210,6 +210,7 @@ h4 { } .bottom-bar { + z-index: 1050; background: #f5f5f5; border-top: 1px solid #dddddd; @@ -220,6 +221,11 @@ h4 { } } +.offcanvas-bottom-menu { + --bs-offcanvas-height: 42vh; + bottom: 55px; +} + .center { text-align: center; } @@ -484,7 +490,7 @@ h4 { height: 100%; overflow: hidden; background: $backgroundColor; - z-index: 1031; + z-index: 1060; transition: height 1s, opacity 0.5s linear 1s, margin-top 0.1s linear 2s; .app-title {