Andreas/evennia
1
0
Fork 0
mirror of https://github.com/evennia/evennia.git synced 2026-03-26 01:36:32 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Started getting the webclient in some sort of shape.

Browse source
This commit is contained in:
Griatch 2015-06-18 21:57:14 +02:00
parent d8c5031ff9
commit fc74b24646
3 changed files with 119 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

34
evennia/web/webclient/static/webclient/css/evennia.css Normal file
View file

@ -0,0 +1,34 @@
/** evennia webclient css (overrides parts of the foundation base) **/
html, body {
height: 100%;
}
#wrapper {
min-height: 100%;
}
#main {
height: 100%;
min-height: 100%;
padding-bottom: 100px;
}
.textoutput {
height: auto;
width: 98%;
min-height: 100%;
min-width: 98% !important;
overflow: hidden;
padding-left:2em;
background: rgba(201, 201, 201, 0.65);
}
#footer {
position: relative;
margin-top: -100px;
height: 100px;
clear: both;
}
*/

4
evennia/web/webclient/static/webclient/js/evennia.js
View file

@ -242,9 +242,9 @@ initialize = function() {
}
}
});
// make sure textarea fills surrounding div
//$('textarea').css({height:(300-$('form').height())+'px'});
$('.textoutput').css({height:(300-$('.form').height())+'px'});
//$('textarea').css({'height':"100%"});
// configurations

83
evennia/web/webclient/static/webclient/js/testclient.html Normal file
View file

@ -0,0 +1,83 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Evennia test client</title>
<link rel="stylesheet" href="../css/foundation.css" />
<link rel="stylesheet" href="../css/evennia.css" />
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="modernizr.js"></script>
<script src="evennia.js"></script>
<!--[if !IE 7]>
<style type="text/css">
#wrap {display:table;height:100%}
</style>
<![endif]-->
</head>
<body>
<div id="wrapper">
<!-- Config menu button -->
<a href="#" data-reveal-id="ConfigMenu">Config</a>
<div id="main">
<!--Outputs -->
<div class="textoutput" readonly>Test textoutput </div>
</div>
</div>
<!-- Inputs -->
<div id="footer">
<div class="small-12 colums">
<!-- hide inputs behind tabs -->
<ul class="tabs" data-tab>
<li class="tab-title active"><a href="#singleinput">Single-line</a></li>
<li class="tab-title"><a href="#multiinput">Multi-line</a></li>
</ul>
<!-- single-line input -->
<div class="tabs-content">
<div class="content active" id=singleinput>
<form class="input_singleline" action="send">
<div class="row">
<div class="small-11 large-11 columns">
<input type="text">
</div>
<div class="small-1 large-1 columns">
<input type="submit" value="Send">
</div>
</div>
</form>
</div>
<!-- multi-line input-->
<div class="content" id=multiinput>
<form class="input_multiline" action="send">
<div class="row">
<div class="large-11 columns">
<textarea></textarea>
</div>
<div class="large-1 columns">
<input type="submit" value="Send">
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Config area popup -->
<div id="ConfigMenu" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
<div class="switch">
<input type="checkbox" id="exampleCheckboxSwitch" class="config echo" checked>echo</input>
<label for="exampleCheckboxSwitch"></label>
</div>
</div>
<script src="foundation.min.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>