Adjust call list to be scrollable
authorJoey Schulze <joey@infodrom.org>
Sun, 27 Feb 2011 14:54:11 +0000 (15:54 +0100)
committerJoey Schulze <joey@infodrom.org>
Sun, 27 Feb 2011 14:54:11 +0000 (15:54 +0100)
index.php
phone.css

index 07cc8a4..b8eecdd 100644 (file)
--- a/index.php
+++ b/index.php
@@ -45,19 +45,23 @@ if (!empty($_POST['func'])) {
 </div>
 
 <div>
-<div class="phonelist" id="incoming">
+<div class="phonebox" id="incoming">
 <p class="title">Incoming Calls</p>
+<div class="phonelist">
 <ul class="phonelist" id="incoming_calls">
 <li>Loading data...</li>
 </ul>
 </div>
+</div>
 
-<div class="phonelist" id="archive">
+<div class="phonebox" id="archive">
 <p class="title">Archived Calls</p>
+<div class="phonelist">
 <ul class="phonelist" id="archive_calls">
 <li>Loading data...</li>
 </ul>
 </div>
+</div>
 
 </div>
 
index bc58c2a..f922a02 100644 (file)
--- a/phone.css
+++ b/phone.css
@@ -29,13 +29,18 @@ span.popup:hover {
     background: #96ccff;
 }
 
-div.phonelist {
+div.phonebox {
     border: 1px solid #bfbfbf;
     width: 350px;
     margin-top: 3px;
     margin-bottom: 3px;
 }
 
+div.phonelist {
+    height: 300px;
+    overflow: auto;
+}
+
 input {
     border: 1px solid #aaaaaa;
     background-color: #f6f6f6;