101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
|
@ white-space: pre;
@ text-align: left;
@ opacity: 0.8;
@ }
@ #chat-drop-zone {
@ box-sizing: content-box;
@ background-color: #e0e0e0;
@ flex: 2 1 auto;
@ padding: 0.5em 1em;
@ border: 1px solid #808080;
@ border-radius: 0.25em;
@ }
@ #chat-drop-zone.dragover {
@ border: 1px dashed green;
@ }
|
|
|
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
|
@ white-space: pre;
@ text-align: left;
@ opacity: 0.8;
@ }
@ #chat-drop-zone {
@ box-sizing: content-box;
@ background-color: #e0e0e0;
@ flex: 1 1 auto;
@ padding: 0.5em 1em;
@ border: 1px solid #808080;
@ border-radius: 0.25em;
@ }
@ #chat-drop-zone.dragover {
@ border: 1px dashed green;
@ }
|
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
|
@ <input type="text" name="msg" id="sbox" \
@ placeholder="Type message here.">
@ <input type="submit" value="Send">
@ </div>
@ <div id='chat-input-file'>
@ <input type="file" name="file">
@ <div id="chat-drop-zone">
@ Drag/drop a file into this spot, or paste an image from
@ the clipboard if supported by your environment.
|
<
<
|
124
125
126
127
128
129
130
131
132
133
134
135
136
137
|
@ <input type="text" name="msg" id="sbox" \
@ placeholder="Type message here.">
@ <input type="submit" value="Send">
@ </div>
@ <div id='chat-input-file'>
@ <input type="file" name="file">
@ <div id="chat-drop-zone">
@ <div id="chat-drop-details"></div>
@ </div>
@ </div>
@ </div>
@ </form>
@ <hr>
|