Skip to content

C
converse.js
Commit 0c3e93db authored by JC Brand's avatar JC Brand
Browse files
Options

Using `.form-group` for toolbar and textarea appears unnecessary 

and adds unwanted bottom margin.
parent 5a9fd6c2
Show whitespace changes
Inline Side-by-side
Showing with 54 additions and 70 deletions
mockup/chatbox.html
View file @ 0c3e93db
...@@ -80,7 +80,6 @@ ...@@ -80,7 +80,6 @@
</div> </div>
<form class="sendXMPPMessage"> <form class="sendXMPPMessage">
<div class="form-group">
<ul class="chat-toolbar no-text-select"> <ul class="chat-toolbar no-text-select">
<li class="toggle-toolbar-menu toggle-smiley fa fa-smile-o" title="Insert a smiley"> <li class="toggle-toolbar-menu toggle-smiley fa fa-smile-o" title="Insert a smiley">
<div class="emoji-picker-container toolbar-menu collapsed"></div> <div class="emoji-picker-container toolbar-menu collapsed"></div>
...@@ -101,10 +100,7 @@ ...@@ -101,10 +100,7 @@
</ul> </ul>
</li> </li>
</ul> </ul>
</div>
<div class="form-group">
<textarea class="chat-textarea form-control" placeholder="Personal message"></textarea> <textarea class="chat-textarea form-control" placeholder="Personal message"></textarea>
</div>
</form> </form>
</div> </div>
</div> </div>
......
mockup/chatroom.html
View file @ 0c3e93db
...@@ -74,16 +74,12 @@ ...@@ -74,16 +74,12 @@
</div> </div>
</div> </div>
<form class="sendXMPPMessage"> <form class="sendXMPPMessage">
<div class="form-group">
<ul class="chat-toolbar no-text-select"> <ul class="chat-toolbar no-text-select">
<li class="toggle-smiley fa fa-smile-o" title="Insert a smiley"></li> <li class="toggle-smiley fa fa-smile-o" title="Insert a smiley"></li>
<li class="toggle-occupants"><a class="fa fa-user-times" title="Hide the list of occupants"></a></li> <li class="toggle-occupants"><a class="fa fa-user-times" title="Hide the list of occupants"></a></li>
<li class="toggle-clear"><a class="fa fa-times" title="Clear all messages"></a></li> <li class="toggle-clear"><a class="fa fa-times" title="Clear all messages"></a></li>
</ul> </ul>
</div>
<div class="form-group">
<textarea class="chat-textarea form-control" placeholder="Message"></textarea> <textarea class="chat-textarea form-control" placeholder="Message"></textarea>
</div>
</form> </form>
</div> </div>
......
mockup/converse.html
View file @ 0c3e93db
...@@ -84,7 +84,6 @@ ...@@ -84,7 +84,6 @@
</div> </div>
<form class="sendXMPPMessage"> <form class="sendXMPPMessage">
<div class="form-group">
<ul class="chat-toolbar no-text-select"> <ul class="chat-toolbar no-text-select">
<li class="toggle-toolbar-menu toggle-smiley fa fa-smile-o" title="Insert a smiley"> <li class="toggle-toolbar-menu toggle-smiley fa fa-smile-o" title="Insert a smiley">
<div class="emoji-picker-container toolbar-menu collapsed"></div> <div class="emoji-picker-container toolbar-menu collapsed"></div>
...@@ -105,10 +104,7 @@ ...@@ -105,10 +104,7 @@
</ul> </ul>
</li> </li>
</ul> </ul>
</div>
<div class="form-group">
<textarea class="chat-textarea form-control" placeholder="Personal message"></textarea> <textarea class="chat-textarea form-control" placeholder="Personal message"></textarea>
</div>
</form> </form>
</div> </div>
</div> </div>
...@@ -168,16 +164,12 @@ ...@@ -168,16 +164,12 @@
</div> </div>
</div> </div>
<form class="sendXMPPMessage"> <form class="sendXMPPMessage">
<div class="form-group">
<ul class="chat-toolbar no-text-select"> <ul class="chat-toolbar no-text-select">
<li class="toggle-smiley fa fa-smile-o" title="Insert a smiley"></li> <li class="toggle-smiley fa fa-smile-o" title="Insert a smiley"></li>
<li class="toggle-occupants"><a class="fa fa-user-times" title="Hide the list of occupants"></a></li> <li class="toggle-occupants"><a class="fa fa-user-times" title="Hide the list of occupants"></a></li>
<li class="toggle-clear"><a class="fa fa-times" title="Clear all messages"></a></li> <li class="toggle-clear"><a class="fa fa-times" title="Clear all messages"></a></li>
</ul> </ul>
</div>
<div class="form-group">
<textarea class="chat-textarea form-control" placeholder="Message"></textarea> <textarea class="chat-textarea form-control" placeholder="Message"></textarea>
</div>
</form> </form>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7