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

align icons if the are in a umb-table

Browse Source
This commit is contained in:
Niels Lyngsø
2019-10-09 16:53:30 +02:00
parent 188cc2a9fd
commit c091d21034
3 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/Umbraco.Web.UI.Client/lib/bootstrap/less/tables.less
View File

@@ -241,3 +241,7 @@ table th[class*="span"],
background-color: darken(@infoBackground, 5%); background-color: darken(@infoBackground, 5%);
} }
} }
.table .icon {
vertical-align: bottom;
}

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

@@ -155,6 +155,7 @@ input.umb-table__input {
font-size: 20px; font-size: 20px;
line-height: 20px; line-height: 20px;
color: @ui-option-type; color: @ui-option-type;
vertical-align: bottom;
} }
.umb-table-body__checkicon, .umb-table-body__checkicon,

6
src/Umbraco.Web.UI.Client/src/views/datatypes/delete.html
View File

@@ -51,7 +51,7 @@
<tbody> <tbody>
<tr ng-repeat="relation in vm.references.documentTypes"> <tr ng-repeat="relation in vm.references.documentTypes">
<td><span title="{{::relation.name}}({{::relation.alias}})"><i class="umb-table-body__icon {{relation.icon}}"></i>{{::relation.name}}</span></td> <td><span title="{{::relation.name}}({{::relation.alias}})"><i class="umb-table-body__icon {{relation.icon}}"></i>{{::relation.name}}</span></td>
<td><p><span class="red" ng-repeat="property in relation.properties"><i class="icon-alert red"></i>{{::property.name}}{{$last ? '' : ', '}}</span></p></td> <td><span><span class="red" ng-repeat="property in relation.properties"><i class="icon icon-alert red"></i>{{::property.name}}{{$last ? '' : ', '}}</span></span></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@@ -75,7 +75,7 @@
<tbody> <tbody>
<tr ng-repeat="relation in vm.references.mediaTypes"> <tr ng-repeat="relation in vm.references.mediaTypes">
<td><span title="{{::relation.name}}({{::relation.alias}})"><i class="umb-table-body__icon {{relation.icon}}"></i>{{::relation.name}}</span></td> <td><span title="{{::relation.name}}({{::relation.alias}})"><i class="umb-table-body__icon {{relation.icon}}"></i>{{::relation.name}}</span></td>
<td><p><span class="red" ng-repeat="property in relation.properties"><i class="icon-alert red"></i>{{::property.name}}{{$last ? '' : ', '}}</span></p></td> <td><span><span class="red" ng-repeat="property in relation.properties"><i class="icon icon-alert red"></i>{{::property.name}}{{$last ? '' : ', '}}</span></span></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@@ -99,7 +99,7 @@
<tbody> <tbody>
<tr ng-repeat="relation in vm.references.memberTypes"> <tr ng-repeat="relation in vm.references.memberTypes">
<td><span title="{{::relation.name}}({{::relation.alias}})"><i class="umb-table-body__icon {{relation.icon}}"></i>{{::relation.name}}</span></td> <td><span title="{{::relation.name}}({{::relation.alias}})"><i class="umb-table-body__icon {{relation.icon}}"></i>{{::relation.name}}</span></td>
<td><p><span class="red" ng-repeat="property in relation.properties"><i class="icon-alert red"></i>{{::property.name}}{{$last ? '' : ', '}}</span></p></td> <td><span><span class="red" ng-repeat="property in relation.properties"><i class="icon icon-alert red"></i>{{::property.name}}{{$last ? '' : ', '}}</span></span></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>