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

View File

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

View File

@ -24,8 +24,7 @@
content="{{ $progress['total'] }} / {{ $progress['unpaid'] }}" content="{{ $progress['total'] }} / {{ $progress['unpaid'] }}"
effect="dark" effect="dark"
:open-delay="100" :open-delay="100"
placement="top" placement="top">
popper-class="text-white">
<div class="card-footer"> <div class="card-footer">
<div class="progress progress-xs mb-0"> <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> <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'] }}" content="{{ $progress['total'] }} / {{ $progress['paid'] }}"
effect="dark" effect="dark"
:open-delay="100" :open-delay="100"
placement="top" placement="top">
popper-class="text-white">
<div class="card-footer"> <div class="card-footer">
<div class="progress progress-xs mb-0"> <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> <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'] }}" content="{{ $progress['total'] }} / {{ $progress['overdue'] }}"
effect="dark" effect="dark"
:open-delay="100" :open-delay="100"
placement="top" placement="top">
popper-class="text-white">
<div class="card-footer"> <div class="card-footer">
<div class="progress progress-xs mb-0"> <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> <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'] }}" content="{{ $progress['total'] }} / {{ $progress['partially_paid'] }}"
effect="dark" effect="dark"
:open-delay="100" :open-delay="100"
placement="top" placement="top">
popper-class="text-white">
<div class="card-footer"> <div class="card-footer">
<div class="progress progress-xs mb-0"> <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> <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'] }}" content="{{ trans('widgets.open_bills') }}: {{ $totals['open'] }} / {{ trans('widgets.overdue_bills') }}: {{ $totals['overdue'] }}"
effect="dark" effect="dark"
:open-delay="100" :open-delay="100"
placement="top" placement="top">
popper-class="text-white">
<span class="text-white font-weight-bold float-right">{{ $totals['open'] }} / {{ $totals['overdue'] }}</span> <span class="text-white font-weight-bold float-right">{{ $totals['open'] }} / {{ $totals['overdue'] }}</span>
</el-tooltip> </el-tooltip>
</p> </p>

View File

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

View File

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