From 65d8be45a1e44a16b78fa9ebab4c03864bd5a6e9 Mon Sep 17 00:00:00 2001 From: Bjarne Fyrstenborg Date: Sat, 18 May 2019 14:27:51 +0200 Subject: [PATCH 1/2] Show box shadow when hover user avatar --- .../less/components/users/umb-user-cards.less | 5 ++++- .../less/components/users/umb-user-table.less | 17 ++++++++++++++--- 2 files changed, 18 insertions(+), 4 deletions(-) diff --git a/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-cards.less b/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-cards.less index 3bc431e01f..ecc0875e92 100644 --- a/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-cards.less +++ b/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-cards.less @@ -63,12 +63,15 @@ .umb-user-card__goToUser { &:hover, &:focus { text-decoration: none; + .umb-user-card__name { text-decoration: underline; color: @ui-option-type-hover; } + .umb-avatar { - border: 1px solid @ui-option-type-hover; + //border: 1px solid @ui-option-type-hover; + box-shadow: 0px 1px 3px rgba(0, 0, 0, .5); } } } diff --git a/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-table.less b/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-table.less index 0c61a5d113..d841be4576 100644 --- a/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-table.less +++ b/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-table.less @@ -3,16 +3,27 @@ .umb-user-table-col-avatar { flex: 0 0 32px; padding: 15px 0; - + + > a { + overflow: visible; + } + .umb-checkmark { margin-left:5px; } } - + .umb-table-cell a { + + .umb-avatar { + //border: 1px solid @ui-option-type-hover; + box-shadow: 0px 1px 3px transparent; + } + &:hover, &:focus { .umb-avatar { - border: 1px solid @ui-option-type-hover; + //border: 1px solid @ui-option-type-hover; + box-shadow: 0px 1px 3px rgba(0, 0, 0, .5); } } } From 21e8a6faf4f13c65a04078bafafbe722b021ef99 Mon Sep 17 00:00:00 2001 From: Bjarne Fyrstenborg Date: Sat, 18 May 2019 14:40:35 +0200 Subject: [PATCH 2/2] Cleanup styles --- .../src/less/components/users/umb-user-cards.less | 1 - .../src/less/components/users/umb-user-table.less | 6 ------ 2 files changed, 7 deletions(-) diff --git a/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-cards.less b/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-cards.less index ecc0875e92..7c327bfb88 100644 --- a/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-cards.less +++ b/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-cards.less @@ -70,7 +70,6 @@ } .umb-avatar { - //border: 1px solid @ui-option-type-hover; box-shadow: 0px 1px 3px rgba(0, 0, 0, .5); } } diff --git a/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-table.less b/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-table.less index d841be4576..31b126e77c 100644 --- a/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-table.less +++ b/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-table.less @@ -15,14 +15,8 @@ .umb-table-cell a { - .umb-avatar { - //border: 1px solid @ui-option-type-hover; - box-shadow: 0px 1px 3px transparent; - } - &:hover, &:focus { .umb-avatar { - //border: 1px solid @ui-option-type-hover; box-shadow: 0px 1px 3px rgba(0, 0, 0, .5); } }