doxa-life/doxa-maps-cdn
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

One global research-map-link rule for the “→ more maps” invitation under every map; research page uses it too

Browse source
This commit is contained in:
swift-river542 2026-09-16 16:24:32 -05:00
parent 06537ae4b7
commit b4329c007b
5 changed files with 16 additions and 45 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
app/assets/styles/base/_globals.scss
View file

@ -147,6 +147,21 @@ a {
color: var(--color-brand-secondary-light);
}
}
// The "→ more maps" invitation that sits under a map's bottom-right corner
// (home, pray, adopt, research). One rule, body-sized text, brand colour.
&.research-map-link {
display: block;
margin-top: 0.75rem;
text-align: right;
color: var(--color-brand-primary, #3b463d);
text-decoration: underline;
text-underline-offset: 3px;
&:hover {
color: var(--color-brand-primary-darker, #1f2328);
}
}
}

12
app/pages/adopt/index.vue
View file

@ -298,16 +298,4 @@ useTextHighlight()
</template>
<style scoped>
.research-map-link {
display: block;
margin-top: 0.75rem;
text-align: right;
font-size: inherit; /* same size as the "By Region →" link (body size), not 12px */
color: var(--color-brand-primary, #3b463d);
text-decoration: underline;
text-underline-offset: 3px;
}
.research-map-link:hover {
color: var(--color-brand-primary-darker, #1f2328);
}
</style>

12
app/pages/index.vue
View file

@ -331,16 +331,4 @@ useTextHighlight()
</template>
<style scoped>
.research-map-link {
display: block;
margin-top: 0.75rem;
text-align: right;
font-size: inherit; /* same size as the "By Region →" link (body size), not 12px */
color: var(--color-brand-primary, #3b463d);
text-decoration: underline;
text-underline-offset: 3px;
}
.research-map-link:hover {
color: var(--color-brand-primary-darker, #1f2328);
}
</style>

12
app/pages/pray.vue
View file

@ -332,18 +332,6 @@ useTextHighlight()
</template>
<style scoped>
.research-map-link {
display: block;
margin-top: 0.75rem;
text-align: right;
font-size: inherit; /* same size as the "By Region →" link (body size), not 12px */
color: var(--color-brand-primary, #3b463d);
text-decoration: underline;
text-underline-offset: 3px;
}
.research-map-link:hover {
color: var(--color-brand-primary-darker, #1f2328);
}
.prayer-coverage-segments {
display: flex;

10
app/pages/research/index.vue
View file

@ -52,7 +52,7 @@ useTextHighlight()
/>
<!-- Invitation to the full map collection sits under the map's bottom-right corner,
where the eye lands after exploring it (moved from the header, 2026-09-16). -->
<p class="research-see-all"><NuxtLink class="light-link" to="/doxa-maps">{{ t("See all our research maps, there's more!") }} &rarr;</NuxtLink></p>
<NuxtLink class="research-map-link" to="/doxa-maps">{{ t("See all our research maps, there's more!") }} &rarr;</NuxtLink>
<UupgsList
:language-code="locale"
@ -63,11 +63,3 @@ useTextHighlight()
/>
</div>
</template>
<style scoped>
/* "See all our research maps" — under the map's bottom-right corner, right-aligned. */
.research-see-all {
text-align: right;
margin-top: 0.5rem;
}
</style>