1
0
mirror of https://github.com/freescout-helpdesk/freescout.git synced 2024-11-24 19:33:07 +01:00

Redesign modules list

This commit is contained in:
FreeScout 2019-07-22 22:18:10 -07:00
parent a4e0fc66b4
commit e1346ce833
2 changed files with 23 additions and 3 deletions

22
public/css/style.css vendored
View File

@ -3094,7 +3094,7 @@ ul.prev-convs {
* Modules * Modules
*/ */
.module-card { .module-card {
background-color: #f4f5f5; background-color: #ffffff;
border: 1px solid #dedede; border: 1px solid #dedede;
box-sizing: border-box; box-sizing: border-box;
display: block; display: block;
@ -3107,6 +3107,9 @@ ul.prev-convs {
.module-card.active { .module-card.active {
background-color: #deffde; background-color: #deffde;
} }
.module-card.not-installed {
background-color: #f4f5f5;
}
.module-card img { .module-card img {
width: 128px; width: 128px;
height: 128px; height: 128px;
@ -3130,6 +3133,18 @@ ul.prev-convs {
.module-actions .input-group { .module-actions .input-group {
max-width: 378px; max-width: 378px;
} }
.module-card .label {
float: right;
font-size: 13.4px;
font-weight: normal;
padding-top: 2px;
}
.label-lightgrey {
background-color: #8b98a6;
}
.label-grey {
background-color: #6b6b6b;
}
.alert-module-update { .alert-module-update {
margin: 15px 0 0; margin: 15px 0 0;
padding: 10px 15px; padding: 10px 15px;
@ -3148,6 +3163,11 @@ ul.prev-convs {
margin-top: 10px; margin-top: 10px;
text-align: center; text-align: center;
} }
.module-card .label {
display: block;
margin-top: 3px;
float: none;
}
} }
/** /**

View File

@ -1,11 +1,11 @@
<div class="module-card col-sm-10 col-md-8 @if (!empty($module['active'])) active @endif" id="module-{{ $module['alias'] }}" data-alias="{{ $module['alias'] }}"> <div class="module-card col-sm-10 col-md-8 @if (!empty($module['active'])) active @elseif (empty($module['installed'])) not-installed @endif" id="module-{{ $module['alias'] }}" data-alias="{{ $module['alias'] }}">
@if (!empty($module['img'])) @if (!empty($module['img']))
<img src="{{ $module['img'] }}" /> <img src="{{ $module['img'] }}" />
@else @else
<img src="{{ App\Module::IMG_DEFAULT }}" /> <img src="{{ App\Module::IMG_DEFAULT }}" />
@endif @endif
<div class="module-wrap"> <div class="module-wrap">
<h4>{{ preg_replace("/ Module$/", '', $module['name']) }}@if (empty($module['installed'])) <span class="text-help">({{ __('not installed') }})</span>@elseif (empty($module['active'])) <span class="text-help">({{ __('inactive') }})</span>@endif</h4> <h4>{{ preg_replace("/ Module$/", '', $module['name']) }}@if (empty($module['installed'])) <span class="label label-lightgrey">{{ __('Not Installed') }}</span>@elseif (empty($module['active'])) <span class="label label-lightgrey">{{ __('Inactive') }}</span>@else <span class="label label-success">{{ __('Active') }}</span>@endif</h4>
<p> <p>
{{ $module['description'] }} {{ $module['description'] }}
</p> </p>