Tweak channel list HTML
This commit is contained in:
parent
2e5ece9d96
commit
2ad331ed04
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>{{ROOM_TITLE}}</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="/style.css" type="text/css">
|
||||
<meta http-equiv="refresh" content="20">
|
||||
</head>
|
||||
<body>
|
||||
<frameset cols="424px,*">
|
||||
<frame name="rooms" src="/room">
|
||||
<frame name="main" src="/room">
|
||||
</frameset>
|
||||
|
||||
<table>
|
||||
{{LIST_ITEMS}}
|
||||
</table>
|
||||
<form id="send" method="post">
|
||||
<input name="message" />
|
||||
<button>Send</button>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
|
@ -1,6 +1,6 @@
|
|||
<a href="/room/{{ROOM_ID}}/">
|
||||
<div class="room-list-item" id="{{ROOM_ID}}">
|
||||
<b>{{ROOM_TITLE}}</b>
|
||||
<p>{{LAST_MESSAGE}}</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/room/{{ROOM_ID}}/">
|
||||
<li id="{{ROOM_ID}}">
|
||||
<b>{{ROOM_TITLE}}</b><br />
|
||||
{{LAST_MESSAGE}}
|
||||
</li>
|
||||
</a>
|
||||
|
|
|
@ -8,6 +8,8 @@
|
|||
<base href="" target="_top">
|
||||
</head>
|
||||
<body>
|
||||
{{LIST_ITEMS}}
|
||||
<ul class="room-list">
|
||||
{{LIST_ITEMS}}
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
<meta http-equiv="refresh" content="20">
|
||||
</head>
|
||||
<body>
|
||||
<form id="send" method="post" target="messages" action="messages">
|
||||
<form id="send" method="post" target="messages" action="messages#bottom">
|
||||
<input name="message" />
|
||||
<button>Send</button>
|
||||
</form>
|
||||
|
|
|
@ -1,15 +1,21 @@
|
|||
.room-list-item {
|
||||
.room-list li {
|
||||
background-color: #d7d7af;
|
||||
margin:5px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.room-list-item {
|
||||
.room-list li {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.room-list-item:hover {
|
||||
.room-list li:hover {
|
||||
background-color: #d7ff87;
|
||||
}
|
||||
|
||||
.room-list-item:target {
|
||||
.room-list li:target {
|
||||
background-color: #5fafd7;
|
||||
}
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
Reference in New Issue