Group insert buttons in the backend calendar to a button dropdown so that more space is available in the toolbar.

This commit is contained in:
Alex Tselegidis 2020-05-04 13:56:23 +02:00
parent 10ed734139
commit b56073c071
2 changed files with 24 additions and 17 deletions

View file

@ -42,7 +42,7 @@
</script>
<div id="calendar-page" class="container-fluid">
<div id="calendar-toolbar">
<div class="row" id="calendar-toolbar">
<div id="calendar-filter" class="form-inline col-xs-12 col-sm-5">
<div class="form-group">
<label for="select-filter-item"><?= lang('display_calendar') ?></label>
@ -68,20 +68,28 @@
<?php endif ?>
<?php if ($privileges[PRIV_APPOINTMENTS]['add'] == TRUE): ?>
<button id="insert-appointment" class="btn btn-default" title="<?= lang('new_appointment_hint') ?>">
<span class="glyphicon glyphicon-plus"></span>
<?= lang('appointment') ?>
</button>
<button id="insert-unavailable" class="btn btn-default" title="<?= lang('unavailable_periods_hint') ?>">
<span class="glyphicon glyphicon-plus"></span>
<?= lang('unavailable') ?>
</button>
<button id="insert-extra-period" class="btn btn-default" title="<?= lang('extra_periods_hint') ?>">
<span class="glyphicon glyphicon-plus"></span>
<?= lang('extra_period') ?>
</button>
<div class="btn-group">
<button class="btn btn-default" type="button" id="insert-appointment">
<span class="glyphicon glyphicon-plus"></span>
<?= lang('appointment') ?>
</button>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu">
<li>
<a href="#" id="insert-unavailable">
<?= lang('unavailable') ?>
</a>
</li>
<li>
<a href="#" id="insert-extra-period">
<?= lang('extra_period') ?>
</a>
</li>
</ul>
</div>
<?php endif ?>
<button id="reload-appointments" class="btn btn-default" title="<?= lang('reload_appointments_hint') ?>">

View file

@ -278,8 +278,7 @@ body legend {
border-radius: 3px;
background: #3A3A3A;
padding: 5px;
margin-bottom: 15px;
overflow: auto;
margin: 0 0 15px;
color: white;
}