A tiddler to cover the whole screen

[Mohammad]

I asked this question somewhere else for some other purpose and got no answer!

In zoomin view oe classic view how set the tiddler size using CSS to cover the whole screen!

which css selector control the size of tiddler? How to occupy the full height and width of screen?

Reading the own TW CSS in Vanilla theme was not helpful and inspecting all elements using browser inspect is a tedious work!

--Mohammad

[Mat]

Heres PPTW (PowerPointTiddlyWiki) that I made some time ago. I don't remember details in it but I'm pretty sure I css-targeted the tiddler to enlarge it.

And here - which has nothing to do with the former - is a viewtemplate I made. It shows a subtle button in each tiddler to maximize it. Again, I don't remember exactly how the details work:

<$button class="full-screen-btn tc-btn-invisible">
<$action-navigate $to=<<currentTiddler>>/>
<$action-sendmessage $message="tm-full-screen"/>
{{$:/core/images/full-screen-button}}
<$list filter="[<currentTiddler>tag[max-window]]">
   <$action-listops $tiddler=<<currentTiddler>>
       $field="tags"
         $subfilter="+[remove[max-window]]"/>
</$list>
<$list filter="[<currentTiddler>!tag[max-window]]">
      <$action-listops $tiddler=<<currentTiddler>>
         $field="tags"
           $subfilter="+[append[max-window]]"/>
</$list>
</$button>

...and the accompanying stylesheet

.full-screen-btn {
  position:absolute; top:-2px; right:0;
   z-index:1222;
   opacity:0.1;
}
.full-screen-btn:hover { opacity:1;
}

<:-)

[Mohammad]

Hello Mat, and Hello Tony!
Many thanks for your help! I got some idea and I think I can figure out this!

Mat, I love your great work! PPTW is good piece of work!

--Mohammad