diff --git a/admin/themes/default/js/user_list.js b/admin/themes/default/js/user_list.js index 71c890459..3944f91fb 100644 --- a/admin/themes/default/js/user_list.js +++ b/admin/themes/default/js/user_list.js @@ -876,6 +876,8 @@ function selectionMode(isSelection) { display: "none" }) } + + $(".user-container").addClass("selectable"); } else { $(".container-selected").removeClass("container-selected"); $(".in-selection-mode").hide(); @@ -886,6 +888,9 @@ function selectionMode(isSelection) { display: "flex" }) } + + $(".user-container").removeClass("selectable"); + } } diff --git a/admin/themes/default/template/user_list.tpl b/admin/themes/default/template/user_list.tpl index 2d5d13be8..16f6ba991 100644 --- a/admin/themes/default/template/user_list.tpl +++ b/admin/themes/default/template/user_list.tpl @@ -2076,7 +2076,6 @@ Advanced filter .tileView .user-container-username { margin-top: 10px; margin-bottom: 5px; - color: black; font-size: 13px; height: 15px; @@ -2280,5 +2279,27 @@ Advanced filter color: #000 !important; } +/* Selection mode */ +.selectable { + cursor: pointer; +} + +.selectable .select-checkbox { + width: 25px; + height: 25px; +} + +.selectable .select-checkbox i { + color: white; + margin: 5px 0 0 13px; +} + +.selectable:hover .select-checkbox{ + background-color: #ffa646 !important; +} + +.selectable .user-container-select { + border: none; +} diff --git a/admin/themes/roma/theme.css b/admin/themes/roma/theme.css index c721c8df5..663a6dd7b 100644 --- a/admin/themes/roma/theme.css +++ b/admin/themes/roma/theme.css @@ -1170,31 +1170,40 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important; /* Selected container in userManager*/ .user-container.container-selected .user-container-checkbox.user-list-checkbox .select-checkbox { - background-color: #ffa646; - border: solid #ff7b00 2px !important; + border: solid #c76a23 2px !important; + background-color: #c76a23 !important; } + .user-container.container-selected { display:flex; width:100%; height:80px; - background-color:#ffa646; + background-color:#f9852c; font-weight:bold; border-radius:10px; margin-bottom:20px; } +.user-container.container-selected .user-container-username { + color: #333; +} + +.user-container.container-selected .user-container-status{ + color: #fddaba !important; +} + .user-container.container-selected .user-container-initials-wrapper > span { - background-color: #FF7B00; - color:#FEE7BD; - border: solid #ff7b00 2px; + background-color: #c76a23; + color:#faa96b; + border: solid #c76a23 2px; } .user-container.container-selected .user-groups, .user-container.container-selected .registration-clock { - background-color: #FEE7C8; - color:#FF7B00; - border: solid #ff7b00 2px; + background-color: #c76a23; + color:#faa96b; + border: solid #c76a23 2px; } /*****/