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

Add row title bar styling

Browse Source
This commit is contained in:
Rune Strand
2015-11-12 15:17:10 +01:00
parent 07b53c461c
commit e63c7120b7
2 changed files with 25 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -323,24 +323,33 @@
}
*/
.umb-grid .umb-row-title {
.umb-grid .umb-row-title-bar {
margin-bottom: 20px;
display: block;
display: flex;
padding-left: 10px;
padding-right: 10px;
}
.umb-grid ins.item-label {
text-transform: uppercase;
font-size: 13px;
color: @gray;
font-weight: bold;
text-decoration: none;
display: inline-block;
.umb-grid .umb-row-title {
display: inline-block;
font-size: 15px;
}
.umb-grid .umb-row-title p{
font-weight: bold;
color: @black;
}
.umb-grid .row-tools {
display: inline-block;
margin-left: 10px;
font-size: 18px;
color: @gray;
}
.row-tools i:hover {
color: @blueDark;
cursor: pointer;
}
.umb-grid .umb-add-row {

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

@@ -54,9 +54,12 @@
<!-- ng-mouseleave="disableCurrentRow()" -->
<div ng-repeat="row in section.rows" class="umb-row">
<div class="umb-row-title">
<div class="umb-row-title-bar">
<div class="umb-row-title">
<p>{{row.name}}</p>
</div>
<ins class="item-label">{{row.name}}</ins>
<!-- Row tool -->
<div class="row-tools">
@@ -78,11 +81,11 @@
</div>
<div class="cell-tools-move">
<a ng-mouseover="setInfohighlightRow(row)"
<div ng-mouseover="setInfohighlightRow(row)"
ng-mouseleave="disableInfohighlightRow(row)"
href>
<i class="icon icon-navigation" title="@general_move" localize="title"></i>
</a>
</div>
</div>
<div class="cell-tools-edit" ng-if="hasSettings">