Improvement in detailed user report -refs #2878

chamilo · Apr 16, 2019 · 5e5495a · 5e5495a
1 parent f3bc998
commit 5e5495a
Show file tree

Hide file tree

Showing 3 changed files with 434 additions and 255 deletions.
diff --git a/app/Resources/public/css/base.css b/app/Resources/public/css/base.css
@@ -708,11 +708,67 @@ input[type=checkbox], input[type=radio] {
     background-color: #FFFFFF;
     color: #252422;
     margin-bottom: 20px;
-    position: relative;
-    z-index: 1;
     border: 1px solid #e4e4e4;
 }
 
+.card-body{
+    padding: .5em 1em;
+    position: relative;
+    width: 100%;
+}
+.card-body .stat-widget-five{
+    min-height: 60px;
+}
+.card-body .stat-widget-five .stat-icon{
+    font-size: 35px;
+    line-height: 35px;
+    position: absolute;
+    left: 30px;
+    top: 20px;
+}
+.card-body .stat-widget-five .stat-icon .active-icon{
+    position: absolute;
+    top: 15px;
+    bottom: 0;
+    left: -9px;
+}
+.card-body .stat-content{
+    margin-left: 70px;
+}
+.card-body .stat-content .text-left{
+    display: inline-block;
+}
+.card-body .stat-widget-five .stat-text {
+    color: #455a64;
+    font-size: 16px;
+}
+.card-body .stat-widget-five .stat-heading {
+    color: #99abb4;
+    font-size: 12px;
+}
+.box-widget .card-body .stat-widget-five{
+    min-height: 45px;
+    text-align: center;
+    font-size:20px;
+}
+.box-widget .card-body .stat-widget-five .box-name{
+    font-size: 12px;
+    color: #99abb4;
+}
+.box-widget .card-body .stat-widget-five span.date{
+    font-size: 14px;
+    display: inline-block;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    width: 158px;
+}
+.box-widget .card-body{
+    padding: 2px;
+    background: #1a3548;
+    color: #fff;
+}
+
 .card .content {
     padding: 15px 15px 10px 15px;
 }
@@ -9956,9 +10012,29 @@ ul.dropdown-menu.inner > li > a {
     background-color: #fb5f0442 !important;
     color: #FF5722;
 }
-.last-connection{
+.details .user .avatar,
+.details .user .name,
+.details .user .access
+{
+    text-align: center;
+}
+.details .user .name h3{
+    font-size: 1.75rem;
+}
+.details .user .avatar .img-responsive{
+    display:inline-block;
+}
+.details .user .parameters{
+    margin-top: 1rem;
+    padding-top: 1rem;
+}
+.details .easypiechart-legend{
+    text-align: center;
+}
+.details .easy-donut{
+    padding-bottom: 10px;
+    margin-bottom: 10px;
 }
-
 @media (min-width: 768px) {
     .clear-rows-6-4-3 .col-sm-6:nth-child(2n+1) {
         clear: left;