If you want even less steps you can do
inset:0;
position:fixed;
z-index:1000;
background:white;
On any element (other than forms, these will require a width 100vw)
Le jeudi 25 novembre 2021 à 00:32:30 UTC+1, cj.v...@gmail.com a écrit :
> All kinds of cool possibilties.
>
> I tried with a div, gave up as soon as I realized it needed a few extra
> steps compared to dialog.
>
> What I did find interesting with a div, is a div the full size of the
> browser window and a high z-index, allowed to see the TiddlyWiki, but
> prevented clicking on it (a div with nothing in it seems au natural
> transparent, at least in TiddlyWiki).
>
> For what you've done, having a password dialog and then a div in the
> z-index layer in between the dialog and TiddlyWiki, allowing you to see the
> TiddlyWiki but not able to do anything with it until you enter your
> password (at which point the div is hidden), would be pretty nice.
>
> On Wednesday, November 24, 2021 at 6:06:17 PM UTC-4 Mat wrote:
>
>> Interesting. I did not know about the dialog html tag but I'd assume it
>> can as well be achieved with a div. Anyhow, your idea triggered an idea for
>> a "wall", e.g a password wall or paywall type application so here's some
>> direct copy-paste-code with size so people can manipulate it more easily:
>>
>> Copy paste it to tiddlywiki.com because it uses an image from there:
>>
>> title:wall
>> text:
>> <dialog open class="dialog">
>> <div class="background"></div>
>> <div class="foreground">
>> <$edit-text field=foo placeholder="password"/>
>> <$button>
>> <$list filter="[<currentTiddler>get[foo]match[hey]]">
>> <$action-sendmessage $message="tm-close-tiddler" $param="wall"/>
>> </$list>
>> OPEN
>> </$button>
>> password=hey
>> </div>
>> </dialog>
>>
>> And here's a stylesheet. No tiddler type defined but it needs the tag,
>> i.e:
>>
>> tag: $:/tags/Stylesheet
>> text:
>> .dialog {
>> width:300px;height:300px;
>> position: fixed; bottom: 0; right:0; z-index:1000; padding:0;
>> }
>> .background {
>> background-image: url(<<datauri "Newnham Horizon.jpg">>);
>> width:100%; height:100%;
>> }
>> .foreground {
>> position:absolute;
>> left:50%; transform: translateX(-50%);
>> top:50%;
>> }
>>
>>
>> <:-)
>> On Wednesday, November 24, 2021 at 7:30:18 PM UTC+1 cj.v...@gmail.com
>> wrote:
>>
>>> Oops. Open the imported tiddler and Poof. TiddlyWiki interface gone.
>>>
>>> Setup such a tiddler as the default tiddler to open, or default tiddler
>>> at startup. Maybe check for something in the URL to not open this tiddler
>>> at startup, or some mechanism (visible or hidden-keyboard-driven) to
>>> show/hide this tiddler.
>>>
>>> Possibilities ...
>>>
>>> On Wednesday, November 24, 2021 at 2:20:58 PM UTC-4 Charlie Veniot wrote:
>>>
>>>> Into a TiddlyWiki you don't care about or can't edit (I suggest
>>>> TiddlyWiki.com), download and drag the attached file.
>>>>
>>>> Poof. TiddlyWiki interface gone.
>>>>
>>>>
>>>>
>>>>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/b598c694-edde-4baf-8813-3be7a100cd69n%40googlegroups.com.
