Commit b52d84e9 authored by M@ppl3's avatar M@ppl3
Browse files

Fix card utenti + color contrast accessibilità

parent 359066fc
......@@ -454,16 +454,39 @@ ADMIN CARD VIEW
@admin-card-background-body: @primary-color;
@admin-card-background-footer: @primary-color;
#dataViewListContainer{
div[data-role="list-view"]{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
}
.col-xs-12.col-sm-6.col-md-4.col-lg-3{
padding-bottom: 30px;
}
.card-container.admin-card-container {
margin: 0 0 @margin-default;
//margin: 0 0 @margin-default;
border: 0;
background: @admin-card-background-body;
height: 392px;
//background: @admin-card-background-body;
//height: 392px;
height: 100%;
margin-bottom: 0;
float: left;
//padding-bottom: 20px;
width: 100%;
background-color: @admin-card-background-header;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: space-between;
.icon-header {
height: 150px;
background-color: @admin-card-background-header;
position: relative;
min-height: 150px;
.manage {
margin: 5px 0;
position: absolute;
......@@ -475,20 +498,36 @@ ADMIN CARD VIEW
}
.container-round-img {
position: absolute;
bottom: -40px;
left: 50%;
margin-left: -85px;
width: 180px;
height: 180px;
bottom: -30px;
//left: 50%;
//margin-left: -85px;
width: 150px;
height: 150px;
}
}
.card-info-content{
float: left;
height: 100%;
min-height: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: @admin-card-background-body;
border-top: 3px solid @white-color;
color: contrast(@admin-card-background-body);
padding: 0 20px;
a{
color: contrast(@admin-card-background-body);
}
}
.icon-body {
padding: 40px @padding-medium 30px @padding-default;
padding: 40px 0 20px 0;
text-align: left;
border-top: 3px solid @white-color;
//border-top: 3px solid @white-color;
background-color: @admin-card-background-body;
color: contrast(@admin-card-background-body);
height: 125px;
//height: 125px;
.badge {
position: absolute;
top: 5px;
......@@ -507,6 +546,7 @@ ADMIN CARD VIEW
a {
color: contrast(@admin-card-background-body);
font-weight: bold;
line-height: 1.5;
}
}
.prevalent-partnership {
......@@ -519,7 +559,7 @@ ADMIN CARD VIEW
}
}
.icon-footer {
height: 40px;
//height: 40px;
background-color: @admin-card-background-footer;
.amos-tooltip, .am-google {
margin-left: @margin-medium;
......@@ -533,7 +573,7 @@ ADMIN CARD VIEW
.icon-btn-action {
background-color: @admin-card-background-footer;
padding: 15px;
padding: 20px 0;
.btn-connect-to-user,
.user-to-event-widget{
......
......@@ -51,8 +51,8 @@ if (!is_null($model->prevalentPartnership)) {
?>
<div class="card-container admin-card-container col-xs-12 nop">
<div class="col-xs-12 nop icon-header">
<div class="card-container admin-card-container">
<div class="icon-header">
<?= ContextMenuWidget::widget([
'model' => $model,
'actionModify' => '/admin/user-profile/update?id=' . $model->id,
......@@ -81,7 +81,8 @@ if (!is_null($model->prevalentPartnership)) {
</div>
<?php endif; ?>
</div>
<div class="col-xs-12 nop icon-body">
<div class="card-info-content">
<div class="icon-body">
<?= \arter\amos\notificationmanager\forms\NewsWidget::widget([
'model' => $model,
'css_class' => 'badge badge-left'
......@@ -110,7 +111,7 @@ if (!is_null($model->prevalentPartnership)) {
?>
</div>
<div class="col-xs-12 nop icon-footer">
<div class="icon-footer">
<?php
// draws google Icon if the userprofile is google contact of logged user
$googleContactIcon = '';
......@@ -136,7 +137,8 @@ if (!is_null($model->prevalentPartnership)) {
$content .= Html::tag('p', $isFacilitator);
$content .= Html::tag('p', $googleContactTooltip);
// if (!empty($isValidated) || !empty($isFacilitator)) {
// if (!empty($isValidated) || !empty($isFacilitator)) {
// echo Html::tag('div', AmosIcons::show('info-circle', [], 'dash'), [
// 'class' => 'amos-tooltip pull-left',
// 'data-toggle' => 'tooltip',
......@@ -167,4 +169,5 @@ if (!is_null($model->prevalentPartnership)) {
</div>
<?php endif; ?>
</div>
</div>
</div>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment