shockrah/freechat
shockrah/freechat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ Cleaned up channels list header/description

Browse Source 
➕ Better scrollarea definition for messages area
➕ Logging http errors in catch statement on auth init
This commit is contained in:
shockrah 2021-03-07 13:47:41 -08:00
parent 12936d5b1a
commit 784043fc89
2 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
freechat-client/pages/index.html
View File

@ -31,17 +31,19 @@
<div class="wrapper" id="content-container"> <div class="wrapper" id="content-container">
<nav> <nav>
<div class="channels-list-header"><h3 id="server-name">...</h3></div> <div class="channels-list-header"><h3 id="server-name"></h3></div>
<ul class="list-unstyled components" id="channels-list"> <ul class="list-unstyled components" id="channels-list">
</ul> </ul>
</nav> </nav>
<!-- Sample data so we know what things should look like -->
<div class="container scroller" id="messages-container" style="max-width: 100%;"> <div class="container" style="max-width: 100%;">
<div class="channel-list-header"><h4 id="channel-name">...</h4></div> <div class="channel-list-header">
<div class="channel-list-header"><p id="channel-description"></p></div> <h4 id="channel-name"><h4>
<ul class="list-unstyled components" id="messages-list"> <p id="channel-description"></p>
<li id="m-123"> <p class="message"> <a href="#" class="btn btn-link author-name">resident tweeker</a> some bs content </p> </li> </div>
</ul>
<ul class="scrollarea list-unstyled components" id="messages-list"></ul>
<div class="container" id="send-container"> <div class="container" id="send-container">
<form class="form-inline"> <form class="form-inline">
<div class="form-group"> <div class="form-group">
@ -128,7 +130,7 @@
} }
}) })
.catch(err => { .catch(err => {
console.log(err.options) console.log(err, err.options)
$('#server-list').append( $('#server-list').append(
$('<input>').attr({ $('<input>').attr({
type: 'button', type: 'button',

5
freechat-client/sass/scroll.scss
View File

@ -10,3 +10,8 @@
background: $text; background: $text;
border-radius: 10px; border-radius: 10px;
} }
.scrollarea {
max-height: 100vh;
overflow: scroll;
}