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

Show box shadow when hover user avatar

Browse Source
This commit is contained in:
Bjarne Fyrstenborg
2019-05-18 14:27:51 +02:00
parent 5dbc95a604
commit 65d8be45a1
2 changed files with 18 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -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);
}
}
}

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

@@ -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);
}
}
}