UI: Minor fixes.

This commit is contained in:
Igor Kulikov 2017-10-26 18:19:44 +03:00
parent f7ec6f15bd
commit c0bf3e72ef
4 changed files with 21 additions and 5 deletions

View File

@ -17,6 +17,6 @@
-->
<md-button
ui-sref-active-eq="tb-active" ui-sref="{{section.state}}">
<md-icon ng-show="{{section.icon != null}}" aria-label="{{section.icon}}" class="material-icons">{{section.icon}}</md-icon>
<md-icon ng-show="section.icon != null" aria-label="{{section.icon}}" class="material-icons">{{section.icon}}</md-icon>
{{section.name | translate}}
</md-button>

View File

@ -20,8 +20,8 @@
class="md-button-toggle"
aria-controls="docs-menu-{{section.name | nospace}}" layout="row"
aria-expanded="{{sectionActive()}}">
<md-icon ng-show="{{section.icon != null}}" aria-label="{{section.icon}}" class="material-icons">{{section.icon}}</md-icon>
{{section.name | translate}}
<md-icon ng-show="section.icon != null" aria-label="{{section.icon}}" class="material-icons">{{section.icon}}</md-icon>
<span flex>{{section.name | translate}}</span>
<span aria-hidden="true"
class=" pull-right fa fa-chevron-down md-toggle-icon"
ng-class="{'tb-toggled' : sectionActive()}"></span>

View File

@ -55,7 +55,7 @@
}
.tb-side-menu .md-button {
display: block;
display: flex;
border-radius: 0;
color: inherit;
cursor: pointer;
@ -66,8 +66,14 @@
padding: 0px 16px;
text-align: left;
text-decoration: none;
white-space: normal;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
.tb-side-menu tb-menu-link span.md-toggle-icon {
@ -77,8 +83,10 @@
.tb-side-menu ng-md-icon {
margin-right: 8px;
margin-left: 0px;
}
.tb-side-menu md-icon {
margin-right: 8px;
margin-left: 0px;
}

View File

@ -274,6 +274,14 @@ pre.tb-highlight {
md-toolbar {
z-index: 0;
}
md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default .md-button[disabled],
md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default .md-button[disabled] {
color: rgba(0,0,0,0.38);
}
md-toolbar.md-default-theme:not(.md-menu-toolbar) .md-button[disabled] md-icon,
md-toolbar:not(.md-menu-toolbar) .md-button[disabled] md-icon {
color: rgba(0,0,0,.28);
}
span.no-data-found {
position: relative;
height: calc(100% - 57px);