mirrors/flexisip-account-manager
1
0
Fork 0
mirror of https://gitlab.linphone.org/BC/public/flexisip-account-manager.git synced 2026-04-17 19:58:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fix FLEXIAPI-458 Aligne the tooltips on the left

Browse source
This commit is contained in:
Timothée Jaussoin 2026-03-19 13:56:47 +00:00
parent 32b1db3d78
commit f1e63e006f
3 changed files with 25 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
flexiapi/public/css/style.css vendored
View file

@ -1089,10 +1089,14 @@ span.line::before {
background-image: linear-gradient(to right, var(--grey-3), transparent, var(--grey-3)); background-image: linear-gradient(to right, var(--grey-3), transparent, var(--grey-3));
} }
*:has(+i.tooltip) {
display: inline-block;
}
i.tooltip { i.tooltip {
vertical-align: middle; vertical-align: center;
font-size: 2rem; font-size: 2rem;
line-height: 3rem; margin-left: 1rem;
} }
i.tooltip:hover { i.tooltip:hover {

24
flexiapi/resources/views/account/call_forwardings/edit.blade.php
View file

@ -43,14 +43,18 @@
<section class="block"> <section class="block">
<div> <div>
<i class="ph ph-info oppose tooltip" title="{{ __('All incoming calls are forwarded, whether you answer, decline the call or are already on a call.') }}"></i>
<h4>{{ __('All the calls') }}</h4> <h4>{{ __('All the calls') }}</h4>
<i class="ph ph-info tooltip" title="{{ __('All incoming calls are forwarded, whether you answer, decline the call or are already on a call.') }}"></i>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<span class="badge">{{ __('Priority rule') }}</span> <span class="badge">{{ __('Priority rule') }}</span>
<input id="always[enabled]" type="checkbox" @if ($callForwardings['always']->enabled) checked @endif name="always[enabled]" <input id="always[enabled]" type="checkbox" @if ($callForwardings['always']->enabled) checked @endif name="always[enabled]"
onchange="if (this.checked) { setCheckboxValue('always[enabled]', false); document.querySelector('#always_dialog').showModal(); }"> onchange="if (this.checked
&& (document.querySelector('#away\\[enabled\\]').checked || document.querySelector('#busy\\[enabled\\]').checked)) {
setCheckboxValue('always[enabled]', false);
document.querySelector('#always_dialog').showModal();
}">
<label for="always[enabled]"></label> <label for="always[enabled]"></label>
</div> </div>
@ -61,13 +65,17 @@
<section class="block"> <section class="block">
<div> <div>
<i class="ph ph-info oppose tooltip" title="{{ __('Calls are only forwarded when your line is busy with another call.') }}"></i>
<h4>@if ($account->admin){{ __('No answer') }}@else{{ __('If no one is answering') }}@endif</h4> <h4>@if ($account->admin){{ __('No answer') }}@else{{ __('If no one is answering') }}@endif</h4>
<i class="ph ph-info tooltip" title="{{ __('Calls are only forwarded when your line is busy with another call.') }}"></i>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<input id="away[enabled]" type="checkbox" @if ($callForwardings['away']->enabled) checked @endif name="away[enabled]" <input id="away[enabled]" type="checkbox" @if ($callForwardings['away']->enabled) checked @endif name="away[enabled]"
onchange="if (this.checked) { setCheckboxValue('away[enabled]', false); document.querySelector('#away_dialog').showModal(); }"> onchange="if (this.checked
&& document.querySelector('#always\\[enabled\\]').checked) {
setCheckboxValue('away[enabled]', false);
document.querySelector('#away_dialog').showModal();
}">
<label for="away[enabled]"></label> <label for="away[enabled]"></label>
</div> </div>
@ -76,13 +84,17 @@
<section class="block"> <section class="block">
<div> <div>
<i class="ph ph-info oppose tooltip" title="{{ __('Calls are only forwarded if you do not answer or if you decline the call.') }}"></i>
<h4>@if ($account->admin){{ __('Busy line') }}@else{{ __('If the line is busy') }}@endif</h4> <h4>@if ($account->admin){{ __('Busy line') }}@else{{ __('If the line is busy') }}@endif</h4>
<i class="ph ph-info tooltip" title="{{ __('Calls are only forwarded if you do not answer or if you decline the call.') }}"></i>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<input id="busy[enabled]" type="checkbox" @if ($callForwardings['busy']->enabled) checked @endif name="busy[enabled]" <input id="busy[enabled]" type="checkbox" @if ($callForwardings['busy']->enabled) checked @endif name="busy[enabled]"
onchange="if (this.checked) { setCheckboxValue('busy[enabled]', false); document.querySelector('#busy_dialog').showModal(); }"> onchange="if (this.checked
&& document.querySelector('#always\\[enabled\\]').checked) {
setCheckboxValue('busy[enabled]', false);
document.querySelector('#busy_dialog').showModal();
}">
<label for="busy[enabled]"></label> <label for="busy[enabled]"></label>
</div> </div>

2
flexiapi/resources/views/admin/account/telephony/show.blade.php
View file

@ -11,7 +11,7 @@
@include('admin.account.parts.tabs') @include('admin.account.parts.tabs')
<div class="grid"> <div class="grid">
<div class="card large"> <div class="card">
@include('account.call_forwardings.edit', ['account' => $account]) @include('account.call_forwardings.edit', ['account' => $account])
</div> </div>
</div> </div>