Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CLDR-17803 site: popup menu for subpages #4027

Merged
merged 3 commits into from
Sep 9, 2024
Merged

CLDR-17803 site: popup menu for subpages #4027

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
da215f4
CLDR-17803 site: popup menu for subpages
srl295 Sep 6, 2024
4d7bbd8
CLDR-17803 merge from main
srl295 Sep 6, 2024
3110117
CLDR-17803 site: run prettier, remove dead code
srl295 Sep 6, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 19 additions & 3 deletions docs/site/assets/css/page.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,20 +43,36 @@ header .nav ul b {
color: gray;
}

.title ul.subpages {
display: none;
}

.title:hover ul.subpages {
display: block;
}

header .nav .crumb {
color: white;
margin: .5em;
}

header .nav ul {
display: inline-flexbox;
width: 90%;
display: inline;
/* width: 90%; */
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
background-color: navy;
/* background-color: white;
position: absolute; */
padding: 0.5３m；
}

header .nav ul li {
display: inline-flex;
display: block;
padding: .5em;
font-size: medium;
margin: 0;
/* color: black !important; */
srl295 marked this conversation as resolved.
Show resolved Hide resolved
}

header .message {
Expand Down
9 changes: 7 additions & 2 deletions docs/site/assets/js/cldrsite.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -204,8 +204,11 @@ const app = Vue.createApp(
<span class="ancestor" v-for="ancestor of ancestorPages" :key="ancestor.href">
<a class="uplink" v-bind:href="ancestor.href">{{ ancestor.title }}</a><span class="crumb">❱</span>
</span>
<span class="title"> {{ ourTitle }} </span>
<ul class="subpages">
<div v-if="!siblingPages || !siblingPages.length" class="title"> {{ ourTitle }} </div>
<div v-else class="title"><span class="hamburger">≡</span>

{{ ourTitle }}
<ul class="subpages">
<li v-for="subpage of siblingPages" :key="subpage.path">
<span v-if="path == subpage.html">
<b>{{ subpage.title }}</b>
Expand All @@ -215,6 +218,8 @@ const app = Vue.createApp(
</a>
</li>
</ul>
</div>
srl295 marked this conversation as resolved.
Show resolved Hide resolved

</div>`,
},
{
Expand Down
Loading