Cleanup toolbar on XS screens

Remove Etherpad and chat on XS screens, they are just not usable
master
Daniel Berteaud 10 years ago
parent deb53b2e93
commit 962e2b5c66
  1. 28
      templates/default/join.html.ep

@ -3,6 +3,16 @@
<div class="container-fluid"> <div class="container-fluid">
<nav id="toolbar" class="navbar navbar-default" role="toolbar"> <nav id="toolbar" class="navbar navbar-default" role="toolbar">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#roomToolBar">
<span class="sr-only">
</span>
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
</button>
<div class="btn-group visible-xs-block header-btn-group"> <div class="btn-group visible-xs-block header-btn-group">
<button class="btn btn-lg btn-default navbar-btn btn-mute-mic"> <button class="btn btn-lg btn-default navbar-btn btn-mute-mic">
<span class="glyphicon glyphicon-volume-off"> <span class="glyphicon glyphicon-volume-off">
@ -13,22 +23,12 @@
</span> </span>
</button> </button>
</div> </div>
<div class="btn-group visible-xs-block header-btn-group col-xs-push-2"> <div class="btn-group visible-xs-block header-btn-group col-xs-push-1">
<button class="btn btn-lg btn-default help btn-logout navbar-btn" data-toggle="tooltip" data-placement="bottom" title="<%=l 'LOGOUT' %>"> <button class="btn btn-lg btn-default help btn-logout navbar-btn" data-toggle="tooltip" data-placement="bottom" title="<%=l 'LOGOUT' %>">
<span class="glyphicon glyphicon-log-out"> <span class="glyphicon glyphicon-log-out">
</span> </span>
</button> </button>
</div> </div>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#roomToolBar">
<span class="sr-only">
</span>
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
</button>
</div> </div>
<input id="roomName" name="roomName" type="hidden" value="<%= $room %>"/> <input id="roomName" name="roomName" type="hidden" value="<%= $room %>"/>
<div id="roomToolBar" class="collapse navbar-collapse"> <div id="roomToolBar" class="collapse navbar-collapse">
@ -43,7 +43,7 @@
</span> </span>
</div> </div>
</div> </div>
<div class="btn-group navbar-form navbar-btn-group navbar-left"> <div class="btn-group navbar-form navbar-btn-group navbar-left hidden-xs">
<button id="chatDropdown" class="btn btn-lg btn-default collapsed help" data-toggle="collapse" data-target="#chatMenu" data-toggle="tooltip" data-placement="bottom" title="<%=l 'CLICK_TO_CHAT' %>"> <button id="chatDropdown" class="btn btn-lg btn-default collapsed help" data-toggle="collapse" data-target="#chatMenu" data-toggle="tooltip" data-placement="bottom" title="<%=l 'CLICK_TO_CHAT' %>">
<span class="glyphicon glyphicon-comment"> <span class="glyphicon glyphicon-comment">
</span> </span>
@ -307,7 +307,7 @@
%=include 'auth_modal' %=include 'auth_modal'
%=include 'noscript' %=include 'noscript'
<div class="frame"> <div class="frame">
<div id="chatMenu" class="nav-collapse collapse"> <div id="chatMenu" class="nav-collapse collapse hidden-xs">
<div id="chatHistory" class="form-control"> <div id="chatHistory" class="form-control">
</div> </div>
<form role="form" id="chatForm"> <form role="form" id="chatForm">
@ -340,7 +340,7 @@
</div> </div>
<div id="mainView" class="col-xs-12 col-sm-8"> <div id="mainView" class="col-xs-12 col-sm-8">
<% if ($etherpad eq 'true'){ %> <% if ($etherpad eq 'true'){ %>
<div id="etherpadContainer"></div> <div id="etherpadContainer" class="hidden-xs"></div>
<% } %> <% } %>
<div id="mainVideo"> <div id="mainVideo">
</div> </div>

Loading…
Cancel
Save