ulfr/recipe-mockup
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add titles to menu
Some checks failed
Build and Deploy / build-and-push (push) Failing after 1m15s
Details

Browse Source
This commit is contained in:
Rafał
2026-04-21 22:44:08 +02:00
parent e914f93781
commit 2f362a7e56
6 changed files with 55 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
index.html
View File

@@ -678,6 +678,8 @@
display: inline-flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 0.24rem;
flex: 0 0 auto;
color: rgba(var(--text-primary-rgb), 0.94);
cursor: pointer;
@@ -692,6 +694,31 @@
font-size: 0.95rem;
line-height: 1;
}
#app-bottom-nav .nav-label {
display: none;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 0.62rem;
font-weight: 500;
line-height: 1.18;
}
#app-bottom-nav .nav-tab.is-active::after {
display: block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 0.62rem;
font-weight: 500;
line-height: 1.18;
content: "";
}
#app-bottom-nav #nav-planner.is-active::after { content: "Planer"; }
#app-bottom-nav #nav-recipes.is-active::after { content: "Katalog"; }
#app-bottom-nav #nav-pantry.is-active::after { content: "Spiżarnia"; }
#app-bottom-nav #nav-shopping.is-active::after { content: "Zakupy"; }
#app-bottom-nav .nav-tab:hover,
#app-bottom-nav .nav-action:hover {
transform: translateY(-1px);
@@ -699,8 +726,9 @@
background: var(--hover-overlay) !important;
}
#app-bottom-nav .nav-tab.is-active {
width: 2.6rem;
height: 2.6rem;
width: min(100%, 5.2rem);
height: 2.82rem;
padding: 0.34rem 0.28rem 0.3rem;
color: rgb(var(--text-primary-rgb));
background: rgba(var(--overlay-rgb), 0.38) !important;
border-radius: 1.05rem;
@@ -708,6 +736,12 @@
inset 0 1px 0 rgba(255, 255, 255, 0.08),
inset 0 -1px 0 rgba(var(--overlay-rgb), 0.18) !important;
}
#app-bottom-nav .nav-tab.is-active .nav-label {
display: none;
}
#app-bottom-nav .nav-tab.is-active i {
font-size: 0.8rem;
}
.dark #app-bottom-nav .nav-tab.is-active {
color: #fff;
background: rgba(0, 0, 0, 0.42) !important;
@@ -743,10 +777,17 @@
border-radius: 1.28rem;
}
#app-bottom-nav .nav-tab.is-active {
width: 2.4rem;
height: 2.4rem;
width: min(100%, 4.4rem);
height: 2.65rem;
padding: 0.3rem 0.22rem 0.27rem;
border-radius: 0.96rem;
}
#app-bottom-nav .nav-label {
font-size: 0.56rem;
}
#app-bottom-nav .nav-tab.is-active::after {
font-size: 0.56rem;
}
}
/* Planner and common interactive surfaces */
@@ -792,7 +833,7 @@
</div>
<script>
const APP_ASSET_VERSION = '20260417-svg7';
const APP_ASSET_VERSION = '20260421-nav-labels';
const APP_VERSION_STORAGE_KEY = 'recipe-app-asset-version';
const APP_VERSION_QUERY_KEY = 'appv';