Move the refresh button to be inside the meeting URL input

Less buttons, better interface.
This commit is contained in:
Leonardo Crauss Daronco 2016-12-05 16:51:13 -02:00
parent 45e173d132
commit 40cbc8a575
2 changed files with 25 additions and 8 deletions

View File

@ -69,3 +69,20 @@
z-index: 1;
}
}
.meeting-url-group {
position: relative;
.generate-link {
position: absolute;
right: 12px;
top: 10px;
z-index: 9;
color: #999;
cursor: pointer;
&:hover {
color: #000;
}
}
}

View File

@ -15,16 +15,16 @@ with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
<div <%= "hidden" if hidden %> class="meeting-url-wrapper">
<div class="input-group">
<input type="text" class="form-control meeting-url"/>
<span class="input-group-btn">
<div class="meeting-url-group">
<input type="text" class="form-control meeting-url"/>
<% if params[:action] == 'index' %>
<button type="button" class="btn btn-default generate-link has-tooltip"
title="<%= t('url_refresh_hint') %>"
>
<i class="fa fa-refresh" aria-hidden="true"></i>
</button>
<i class="fa fa-refresh generate-link has-tooltip" aria-hidden="true"
title="<%= t('url_refresh_hint') %>"
></i>
<% end %>
</div>
<span class="input-group-btn">
<button type="button" class="btn btn-default meeting-url-copy has-tooltip"
title="<%= t('url_copy_explanation') %>"