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

Adds nicer grid editor labels on hover

Browse Source
This commit is contained in:
Shannon
2015-03-19 17:08:14 +11:00
parent cbef51eaf0
commit af112f6b20
2 changed files with 30 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/Umbraco.Web.UI.Client/src/less/gridview.less
View File

@@ -251,10 +251,6 @@ IFRAME {overflow:hidden;}
border: 1px dashed @blue !important;
}
.usky-grid .usky-control-inner{
min-height: 60px;
}
// CONTROL PLACEHOLDER
@@ -524,11 +520,38 @@ IFRAME {overflow:hidden;}
border: 1px dashed transparent;
}
.usky-grid .usky-control-inner{
.usky-grid .usky-control-inner {
padding: 5px;
margin-right: 45px;
margin-bottom: 15px;
border: 1px dashed transparent;
min-height: 60px;
position:relative;
}
.usky-grid .usky-control-inner > ins {
position: absolute;
top: -22px;
left: 0;
text-decoration: none;
padding: 0px 7px;
/*opacity: .8;*/
display:none;
font-size:0.8em;
background-color:@blueLight;
-moz-border-radius: 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}
.usky-grid .usky-control-inner:hover
{
border:@grayLighter solid 1px;
}
.usky-grid .usky-control-inner:hover > ins {
display:block;
z-index:100000;
}

3
src/Umbraco.Web.UI.Client/src/views/propertyeditors/grid/grid.html
View File

@@ -118,7 +118,7 @@
ng-mouseover="setCurrentControl(control)"
ng-mouseleave="disableCurrentControl(control)"
ng-animate="'fade'"
class="usky-control" title="{{control.editor.name}}">
class="usky-control">
<!-- Filled cell tools -->
<div class="cell-tools"
@@ -170,6 +170,7 @@
infohighlight:currentInfohighlightControl == control,
warnhighlight:currentWarnhighlightControl == control,
selectedControl:currentControl == control}">
<ins class="alert alert-info">{{control.editor.name}}</ins>
<!-- Redering the editor for specific control -->
<div ng-if="control && control.$editorPath"
ng-include="control.$editorPath"