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

Make the tree annotations easier to see

Browse Source
This commit is contained in:
Kenn Jacobsen
2019-04-15 21:10:09 +02:00
parent ba4bb843de
commit 3f5ccb302d
1 changed files with 31 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -228,40 +228,60 @@ body.touch .umb-tree {
}
}
.umb-tree-item__annotation {
&::before {
font-family: 'icomoon';
position: absolute;
bottom: 0;
.has-unpublished-version, .is-container, .protected {
> .umb-tree-item__inner {
> .umb-tree-item__annotation {
background-color: @white;
border-radius: 50%;
width: 12px;
height: 12px;
position: absolute;
margin-left: 12px;
top: 17px;
&::before {
font-family: 'icomoon';
position: absolute;
top: -4px;
}
}
}
&.current > .umb-tree-item__inner > .umb-tree-item__annotation {
background-color: @pinkLight;
}
}
.has-unpublished-version > .umb-tree-item__inner > .umb-tree-item__annotation::before {
content: "\e25a";
color: @green;
font-size: 20px;
margin-left: -25px;
font-size: 23px;
margin-left: 16px;
left: -21px;
}
.is-container > .umb-tree-item__inner > .umb-tree-item__annotation::before {
content: "\e04e";
color: @blue;
font-size: 9px;
margin-left: -20px;
margin-left: 2px;
left: 0px;
}
.protected > .umb-tree-item__inner > .umb-tree-item__annotation::before {
content: "\e256";
color: @red;
font-size: 20px;
margin-left: -25px;
font-size: 23px;
margin-left: -3px;
left: -2px;
}
.locked > .umb-tree-item__inner > .umb-tree-item__annotation::before {
content: "\e0a7";
color: @red;
font-size: 9px;
margin-left: -20px;
margin-left: 2px;
left: 0px;
}
.no-access {