diff --git a/aprsd/web/chat/static/css/chat.css b/aprsd/web/chat/static/css/chat.css index 270d682..2cbaf15 100644 --- a/aprsd/web/chat/static/css/chat.css +++ b/aprsd/web/chat/static/css/chat.css @@ -3,11 +3,8 @@ input[type=search]::-webkit-search-cancel-button { } .speech-wrapper { + padding-top: 0px; padding: 5px 30px; - border: 1px solid #ccc; - height: 450px; - overflow-y: scroll; - overflow-x: none; background-color: #CCCCCC; } @@ -42,7 +39,7 @@ input[type=search]::-webkit-search-cancel-button { width: 280px; font-weight: 600; font-size: 12px; - margin: 0 0 4px; + margin: 0 0 0px; color: #3498db; display: flex; align-items: center; @@ -66,8 +63,9 @@ input[type=search]::-webkit-search-cancel-button { .bubble-message { font-size: 16px; margin: 0px; - padding: 0px 5px 5px 0px; + padding: 0px 0px 0px 0px; color: #2b2b2b; + text-align: left; } .bubble-arrow { diff --git a/aprsd/web/chat/static/css/index.css b/aprsd/web/chat/static/css/index.css index 3f99928..e876335 100644 --- a/aprsd/web/chat/static/css/index.css +++ b/aprsd/web/chat/static/css/index.css @@ -1,14 +1,9 @@ body { background: #eeeeee; - margin: 1em; + /*margin: 1em;*/ text-align: center; font-family: system-ui, sans-serif; -} - -footer { - padding: 2em; - text-align: center; - height: 10vh; + height: 100%; } #title { @@ -45,3 +40,27 @@ footer { width: 16px; height: 16px; } + +.wc-container { + display: flex; + flex-flow: column; + height: 100%; +} +.wc-container .wc-row { + /*border: 1px dotted #0313fc;*/ + padding: 2px; +} +.wc-container .wc-row.header { + flex: 0 1 auto; +} +.wc-container .wc-row.content { + flex: 1 1 auto; + overflow-y: auto; +} +.wc-container .wc-row.footer { + flex: 0 1 0px; +} + +.material-symbols-rounded.md-10 { + font-size: 18px !important; +} diff --git a/aprsd/web/chat/static/js/send-message.js b/aprsd/web/chat/static/js/send-message.js index e6d9515..31682bd 100644 --- a/aprsd/web/chat/static/js/send-message.js +++ b/aprsd/web/chat/static/js/send-message.js @@ -178,7 +178,7 @@ function create_callsign_tab(callsign, active=false) { } item_html = '' @@ -397,4 +397,6 @@ function ack_msg(msg) { function callsign_select(callsign) { var tocall = $("#to_call"); tocall.val(callsign); + var d = $('#wc-content'); + d.animate({ scrollTop: d.prop('scrollHeight') }, 500); } diff --git a/aprsd/web/chat/templates/index.html b/aprsd/web/chat/templates/index.html index 0ed2c16..6bd3161 100644 --- a/aprsd/web/chat/templates/index.html +++ b/aprsd/web/chat/templates/index.html @@ -64,51 +64,56 @@ -
-
-
-

APRSD WebChat {{ version }}

-
-
-
-
- {{ callsign }} - connected to - {{ aprs_connection|safe }} - NONE -
-
-
-
-
- - +
+
+
+
+
+

APRSD WebChat {{ version }}

+
+
+
+
+ {{ callsign }} + connected to + {{ aprs_connection|safe }} + NONE +
+
+
+ +
+ + +
+
+ + +
+
+ + + +
+
-
- - -
-
- - - -
- +
+
+ +
- -
-
- -
+
+
+
-
- -
- PyPI version - +
+
+ PyPI version + +
+