all tooltip styles updated

This commit is contained in:
batuhanbas 2020-01-05 13:40:42 +03:00
parent 88f568cac2
commit ef468a62f7
6 changed files with 22 additions and 29 deletions

View File

@ -71,9 +71,9 @@ trait Charts
'position' => 'right',
],
'tooltips' => [
'backgroundColor' => '#f5f5f5',
'titleFontColor' => '#333',
'bodyFontColor' => '#666',
'backgroundColor' => '#000000',
'titleFontColor' => '#ffffff',
'bodyFontColor' => '#e5e5e5',
'bodySpacing' => 4,
'xPadding' => 12,
'mode' => 'nearest',
@ -95,9 +95,9 @@ trait Charts
{
return [
'tooltips' => [
'backgroundColor' => '#f5f5f5',
'titleFontColor' => '#333',
'bodyFontColor' => '#666',
'backgroundColor' => '#000000',
'titleFontColor' => '#ffffff',
'bodyFontColor' => '#e5e5e5',
'bodySpacing' => 4,
'YrPadding' => 12,
'mode' => 'nearest',

View File

@ -6169,14 +6169,14 @@
.el-tooltip__popper[x-placement^=top] .popper__arrow {
bottom: -6px;
border-top-color: #303133;
border-top-color: #000000;
border-bottom-width: 0
}
.el-tooltip__popper[x-placement^=top] .popper__arrow::after {
bottom: 1px;
margin-left: -5px;
border-top-color: #303133;
border-top-color: #000000;
border-bottom-width: 0
}
@ -6187,14 +6187,14 @@
.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
top: -6px;
border-top-width: 0;
border-bottom-color: #303133
border-bottom-color: #000000
}
.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
top: 1px;
margin-left: -5px;
border-top-width: 0;
border-bottom-color: #303133
border-bottom-color: #000000
}
.el-tooltip__popper[x-placement^=right] {
@ -6203,14 +6203,14 @@
.el-tooltip__popper[x-placement^=right] .popper__arrow {
left: -6px;
border-right-color: #303133;
border-right-color: #000000;
border-left-width: 0
}
.el-tooltip__popper[x-placement^=right] .popper__arrow::after {
bottom: -5px;
left: 1px;
border-right-color: #303133;
border-right-color: #000000;
border-left-width: 0
}
@ -6221,7 +6221,7 @@
.el-tooltip__popper[x-placement^=left] .popper__arrow {
right: -6px;
border-right-width: 0;
border-left-color: #303133
border-left-color: #000000
}
.el-tooltip__popper[x-placement^=left] .popper__arrow::after {
@ -6229,11 +6229,11 @@
bottom: -5px;
margin-left: -5px;
border-right-width: 0;
border-left-color: #303133
border-left-color: #000000
}
.el-tooltip__popper.is-dark {
background: #303133;
background: #000000;
color: #FFF
}

View File

@ -24,8 +24,7 @@
content="{{ $progress['total'] }} / {{ $progress['unpaid'] }}"
effect="dark"
:open-delay="100"
placement="top"
popper-class="text-white">
placement="top">
<div class="card-footer">
<div class="progress progress-xs mb-0">
<div class="progress-bar bg-danger" role="progressbar" aria-valuenow="{{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['unpaid'] : '0' }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['unpaid'] : '0' }}%"></div>
@ -55,8 +54,7 @@
content="{{ $progress['total'] }} / {{ $progress['paid'] }}"
effect="dark"
:open-delay="100"
placement="top"
popper-class="text-white">
placement="top">
<div class="card-footer">
<div class="progress progress-xs mb-0">
<div class="progress-bar bg-success" role="progressbar" aria-valuenow="{{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['paid'] : '0' }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['paid'] : '0' }}%"></div>
@ -86,8 +84,7 @@
content="{{ $progress['total'] }} / {{ $progress['overdue'] }}"
effect="dark"
:open-delay="100"
placement="top"
popper-class="text-white">
placement="top">
<div class="card-footer">
<div class="progress progress-xs mb-0">
<div class="progress-bar bg-warning" role="progressbar" aria-valuenow="{{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['overdue'] : '0' }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['overdue'] : '0' }}%"></div>
@ -117,8 +114,7 @@
content="{{ $progress['total'] }} / {{ $progress['partially_paid'] }}"
effect="dark"
:open-delay="100"
placement="top"
popper-class="text-white">
placement="top">
<div class="card-footer">
<div class="progress progress-xs mb-0">
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="{{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['partially_paid'] : '0' }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ !empty($progress['total']) ? (100 / $progress['total']) * $progress['partially_paid'] : '0' }}%"></div>

View File

@ -22,8 +22,7 @@
content="{{ trans('widgets.open_bills') }}: {{ $totals['open'] }} / {{ trans('widgets.overdue_bills') }}: {{ $totals['overdue'] }}"
effect="dark"
:open-delay="100"
placement="top"
popper-class="text-white">
placement="top">
<span class="text-white font-weight-bold float-right">{{ $totals['open'] }} / {{ $totals['overdue'] }}</span>
</el-tooltip>
</p>

View File

@ -22,8 +22,7 @@
content="{{ trans('widgets.open_invoices') }}: {{ $totals['open'] }} / {{ trans('widgets.overdue_invoices') }}: {{ $totals['overdue'] }}"
effect="dark"
:open-delay="100"
placement="top"
popper-class="text-white">
placement="top">
<span class="text-white font-weight-bold float-right">{{ $totals['open'] }} / {{ $totals['overdue'] }}</span>
</el-tooltip>
</p>

View File

@ -22,8 +22,7 @@
content="{{ trans('widgets.open_profit') }}: {{ $totals['open'] }} / {{ trans('widgets.overdue_profit') }}: {{ $totals['overdue'] }}"
effect="dark"
:open-delay="100"
placement="top"
popper-class="text-white">
placement="top">
<span class="text-white font-weight-bold float-right">{{ $totals['open'] }} / {{ $totals['overdue'] }}</span>
</el-tooltip>
</p>