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

hover state for umb-content-grid-item

Browse Source
This commit is contained in:
Niels Lyngsø
2019-03-19 16:50:05 +01:00
parent bd8f950ba1
commit fa042194b7
1 changed files with 28 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/Umbraco.Web.UI.Client/src/less/components/umb-content-grid.less
View File

@@ -15,21 +15,35 @@
border-radius: 3px;
}
.umb-content-grid__item.-selected {
&::before {
content: "";
position: absolute;
z-index:2;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
border: 2px solid @ui-selected-border;
border-radius: 5px;
box-shadow: 0 0 4px 0 darken(@ui-selected-border, 20), inset 0 0 2px 0 darken(@ui-selected-border, 20);
pointer-events: none;
.umb-content-grid__item {
&.-selected, &:hover {
&::before {
content: "";
position: absolute;
z-index: 2;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
border: 2px solid @ui-selected-border;
border-radius: 5px;
box-shadow: 0 0 4px 0 darken(@ui-selected-border, 20), inset 0 0 2px 0 darken(@ui-selected-border, 20);
pointer-events: none;
}
}
}
.umb-content-grid__item:hover {
&::before {
opacity: .33;
}
}
.umb-content-grid__item.-selected:hover {
&::before {
opacity: .66;
}
}
.umb-content-grid__icon-container {