cynic
/
glowing-bear
mirror of https://github.com/kurisufriend/glowing-bear
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Push command textbox at the bottom of the screen

Browse Source
with-route-provider
David Cormier 12 years ago
parent cae156d60c
commit fa2fb0957d
2 changed files with 93 additions and 54 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 36
      css/glowingbear.css
  2. 23
      index.html

36
css/glowingbear.css
Unescape View File

@ -1,3 +1,39 @@
html,
body {
height: 100%;
/* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
/* Negative indent footer by it's height */
margin: 0 auto -25px;
}
/* Set the fixed height of the footer here */
#push,
#footer {
height: 25px;
}
input#sendMessage {
border: 0;
width: 100%;
}
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
#footer {
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
}
body { body {
font-family: monospace; font-family: monospace;
background-color: black; background-color: black;

23
index.html
Unescape View File

@ -10,8 +10,9 @@
<script type="text/javascript" src="js/protocol.js"></script> <script type="text/javascript" src="js/protocol.js"></script>
<script type="text/javascript" src="js/websockets.js"></script> <script type="text/javascript" src="js/websockets.js"></script>
</head> </head>
<body ng-app="weechat"> <body ng-app="weechat" ng-controller="WeechatCtrl">
<div ng-controller="WeechatCtrl"> <div id="wrap">
<div>
<div ng-hide="connected"> <div ng-hide="connected">
<form class="form-horizontal"> <form class="form-horizontal">
<legend>Connection</legend> <legend>Connection</legend>
@ -43,8 +44,8 @@
</div> </div>
</form> </form>
</div> </div>
<div ng-show="connected">
<div ng-show="connected">
<span class="label" ng-class="{'label-success': content.notification }" ng-repeat="(key, content) in buffers"> <span class="label" ng-class="{'label-success': content.notification }" ng-repeat="(key, content) in buffers">
<a ng-click="setActiveBuffer(key)">{{ content.full_name }}</a> <a ng-click="setActiveBuffer(key)">{{ content.full_name }}</a>
</span> </span>
@ -65,15 +66,17 @@
</div> </div>
</div> </div>
</div>
</div>
</div> </div>
<div id="push"></div>
</div>
<div id="footer" ng-show="connected">
<form ng-submit="sendMessage()"> <form ng-submit="sendMessage()">
<input type="text" ng-model="command"></input> <input id="sendMessage" type="text" ng-model="command"></input>
<input type="submit" class="btn btn-primary"></index> </form>
</form> </div>
</div> </body>
</div>
</body>
</html> </html>

Write Preview
Loading…
Cancel
Save