SebinNyshkim/character-ref
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: ✨ switch button label between view modes

Browse source
This commit is contained in:
Sebin Nyshkim 2025-06-22 02:55:50 +02:00
parent 26977635bd
commit 167f86922f
1 changed files with 14 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/components/nsfw-barrier.webc
View file

@ -23,7 +23,8 @@
</div>
<ref-button class="nsfw-toggle" command="show-modal" commandfor="nsfw-warning">
Reveal/Hide
<span>Show NSFW</span>
<span class="nsfw-label">Hide NSFW</span>
</ref-button>
<div class="nsfw-content">
@ -35,12 +36,22 @@
<style webc:scoped="nsfw-barrier">
:host {
.nsfw & .nsfw-content {
.nsfw & :where(.nsfw-content) {
display: block;
}
.nsfw & .nsfw-toggle .nsfw-label {
display: block;
}
.nsfw & .nsfw-toggle :not(.nsfw-label) {
display: none;
}
}
:host .nsfw-content {
:host .nsfw-toggle {
text-align: end;
}
:host :where(.nsfw-content, .nsfw-label) {
display: none;
}
</style>