Added option to toggle guides, fixes #99
This commit is contained in:
@@ -10,13 +10,15 @@ body { margin:0px; padding:0px; overflow:hidden; font-family:"input_mono_regular
|
||||
#ronin #wrapper #commander #status #run { display: block; width: 26px; height: 26px; position: absolute; top: 0px; border-radius: 15px; left:0px; cursor: pointer; border:2px solid #fff; transition: background-color 250ms, border-color 250ms}
|
||||
#ronin #wrapper #commander #status #run:hover { background: none; transition: none }
|
||||
#ronin.expand #wrapper #commander { width:100%; }
|
||||
#ronin #surface,#ronin #guide { position: absolute; top:0px; -webkit-user-select: none;-webkit-app-region: no-drag; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><circle cx='10' cy='10' r='1' fill='%23555'></circle></svg>"); background-size: 10px 10px; background-position: -4px -4px; width:100%; height:100%; transition: left 250ms}
|
||||
#ronin #surface, #ronin #guide { position: absolute; top:0px; -webkit-user-select: none;-webkit-app-region: no-drag; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><circle cx='10' cy='10' r='1' fill='%23555'></circle></svg>"); background-size: 10px 10px; background-position: -4px -4px; width:100%; height:100%; transition: left 250ms, opacity 250ms; opacity: 1; }
|
||||
|
||||
/* Default */
|
||||
|
||||
#ronin.hidden #wrapper #commander { margin-left:-40vw; }
|
||||
#ronin.hidden #surface, #ronin.hidden #guide { left:0; }
|
||||
|
||||
#ronin #guide.hidden { opacity: 0 }
|
||||
|
||||
#ronin.hidden #wrapper #commander { margin-left:-50vw; }
|
||||
#ronin #surface,#ronin #guide { left:50vw; }
|
||||
|
||||
|
||||
Reference in New Issue
Block a user