yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v8: Show box shadow when hover user avatar (#5490)

Browse Source 
v8: Show box shadow when hover user avatar
This commit is contained in:
Sebastiaan Janssen
2019-05-22 21:02:43 +02:00
committed by GitHub
parent e3de3f98fd 21e8a6faf4
commit cf1351b50f
2 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-cards.less
View File

@@ -63,12 +63,14 @@
.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;
box-shadow: 0px 1px 3px rgba(0, 0, 0, .5);
}
}
}

11
src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-table.less
View File

@@ -3,16 +3,21 @@
.umb-user-table-col-avatar {
flex: 0 0 32px;
padding: 15px 0;
> a {
overflow: visible;
}
.umb-checkmark {
margin-left:5px;
}
}
.umb-table-cell a {
&:hover, &:focus {
.umb-avatar {
border: 1px solid @ui-option-type-hover;
box-shadow: 0px 1px 3px rgba(0, 0, 0, .5);
}
}
}