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

hover state for media grid + corrected hover state opacity + rounded corner for media info tooltip

Browse Source
This commit is contained in:
Niels Lyngsø
2019-03-19 19:03:02 +01:00
parent fa042194b7
commit 30eb097f9c
5 changed files with 35 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/Umbraco.Web.UI.Client/src/less/components/tooltip/umb-tooltip.less
View File

@@ -11,4 +11,5 @@
animation: fadeIn;
margin-top: 15px;
pointer-events: none;
border-radius: 3px;
}

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

@@ -42,7 +42,7 @@
}
.umb-content-grid__item.-selected:hover {
&::before {
opacity: .66;
opacity: .75;
}
}

19
src/Umbraco.Web.UI.Client/src/less/components/umb-folder-grid.less
View File

@@ -27,7 +27,12 @@
.umb-folder-grid__folder.-selected {
color:@ui-selected-type;
&:hover {
color:@ui-selected-type-hover;
}
}
.umb-folder-grid__folder.-selected, .umb-folder-grid__folder:hover {
&::before {
content: "";
position: absolute;
@@ -41,9 +46,15 @@
box-shadow: 0 0 4px 0 darken(@ui-selected-border, 20), inset 0 0 2px 0 darken(@ui-selected-border, 20);
pointer-events: none;
}
&:hover {
color:@ui-selected-type-hover;
}
.umb-folder-grid__folder:hover {
&::before {
opacity: .33;
}
}
.umb-folder-grid__folder.-selected:hover {
&::before {
opacity: .75;
}
}

27
src/Umbraco.Web.UI.Client/src/less/components/umb-media-grid.less
View File

@@ -38,12 +38,12 @@
}
.umb-media-grid__item.-selected {
//background: @ui-selected;
color:@ui-selected-type;
//border-color: @ui-selected-border;
//box-shadow: 0 2px 8px 0 darken(@ui-selected-border, 20);
.umb-media-grid__item-overlay {
color: @ui-selected-type;
}
}
.umb-media-grid__item.-selected, .umb-media-grid__item:hover {
&::before {
content: "";
position: absolute;
@@ -57,12 +57,16 @@
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-media-grid__item-overlay {
color: @ui-selected-type;
//background: @ui-selected-border;
}
.umb-media-grid__item:hover {
&::before {
opacity: .33;
}
}
.umb-media-grid__item.-selected:hover {
&::before {
opacity: .75;
}
}
.umb-media-grid__item-file-icon > span {
@@ -158,6 +162,9 @@
.umb-media-grid__item:hover .umb-media-grid__item-overlay {
opacity: 1;
i {
text-decoration: none;
}
}
.umb-media-grid__item-name {

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

@@ -43,7 +43,7 @@
}
.umb-user-card.-selected:hover {
&::before {
opacity: .66;
opacity: .75;
}
}