Download:
child 282:72b0672a98f7
parent 280:3b1f4238078c
281:97d2ffd174e7
Anton Shestakov <av6@dwimlabs.net>, Mon, 02 Jan 2017 01:46:02 +0800
index: make input fields below contact list and chat log look separate

2 файлов изменено, 6 вставок(+), 2 удалений(-) [+]
css/tram-im.css file | annotate | diff | comparison | revisions
index.html file | annotate | diff | comparison | revisions
--- a/css/tram-im.css Mon Jan 02 00:54:02 2017 +0800
+++ b/css/tram-im.css Mon Jan 02 01:46:02 2017 +0800
@@ -75,6 +75,10 @@
width: 1%;
vertical-align: middle;
}
+.separate:last-child {
+ padding-top: 15px;
+ border-top: 1px solid #ddd;
+}
.splitter {
border-top: 1px solid #ddd;
margin: 10px 0;
--- a/index.html Mon Jan 02 00:54:02 2017 +0800
+++ b/index.html Mon Jan 02 01:46:02 2017 +0800
@@ -131,7 +131,7 @@
<div class="uk-grid uk-flex-item-auto main-grid">
<div class="uk-width-xlarge-1-4 uk-width-large-1-3 uk-width-medium-1-2 uk-flex uk-flex-column contact-list-block">
<ul class="uk-list uk-flex-item-auto contact-list" data-app="contacts"></ul>
- <div class="uk-form uk-flex-item-none input-group">
+ <div class="uk-form uk-flex-item-none input-group separate">
<input id="new-contact" type="text" value="" placeholder="add a contact" required>
<span class="input-group-button">
<button type="button" class="uk-button uk-button-success" data-add-button>
@@ -143,7 +143,7 @@
<div class="uk-width-xlarge-3-4 uk-width-large-2-3 uk-width-medium-1-2 uk-flex uk-flex-column">
<div class="uk-flex-item-auto message-area" data-app="logs"></div>
- <div class="uk-form uk-flex-item-none input-group uk-hidden" data-form="send">
+ <div class="uk-form uk-flex-item-none input-group separate uk-hidden" data-form="send">
<input id="msg" type="text" value="" placeholder="send a message" required>
<span class="input-group-button">
<button class="uk-button uk-button-primary" data-send-button>