Commit c0bf3e72efe94ef0515b4d6525809a7f1ac68e5e

Authored by Igor Kulikov
1 parent f7ec6f15

UI: Minor fixes.

... ... @@ -17,6 +17,6 @@
17 17 -->
18 18 <md-button
19 19 ui-sref-active-eq="tb-active" ui-sref="{{section.state}}">
20   - <md-icon ng-show="{{section.icon != null}}" aria-label="{{section.icon}}" class="material-icons">{{section.icon}}</md-icon>
  20 + <md-icon ng-show="section.icon != null" aria-label="{{section.icon}}" class="material-icons">{{section.icon}}</md-icon>
21 21 {{section.name | translate}}
22 22 </md-button>
\ No newline at end of file
... ...
... ... @@ -20,8 +20,8 @@
20 20 class="md-button-toggle"
21 21 aria-controls="docs-menu-{{section.name | nospace}}" layout="row"
22 22 aria-expanded="{{sectionActive()}}">
23   - <md-icon ng-show="{{section.icon != null}}" aria-label="{{section.icon}}" class="material-icons">{{section.icon}}</md-icon>
24   - {{section.name | translate}}
  23 + <md-icon ng-show="section.icon != null" aria-label="{{section.icon}}" class="material-icons">{{section.icon}}</md-icon>
  24 + <span flex>{{section.name | translate}}</span>
25 25 <span aria-hidden="true"
26 26 class=" pull-right fa fa-chevron-down md-toggle-icon"
27 27 ng-class="{'tb-toggled' : sectionActive()}"></span>
... ...
... ... @@ -55,7 +55,7 @@
55 55 }
56 56
57 57 .tb-side-menu .md-button {
58   - display: block;
  58 + display: flex;
59 59 border-radius: 0;
60 60 color: inherit;
61 61 cursor: pointer;
... ... @@ -66,8 +66,14 @@
66 66 padding: 0px 16px;
67 67 text-align: left;
68 68 text-decoration: none;
69   - white-space: normal;
  69 + white-space: nowrap;
  70 + text-overflow: ellipsis;
70 71 width: 100%;
  72 + span {
  73 + overflow: hidden;
  74 + white-space: nowrap;
  75 + text-overflow: ellipsis;
  76 + }
71 77 }
72 78
73 79 .tb-side-menu tb-menu-link span.md-toggle-icon {
... ... @@ -77,8 +83,10 @@
77 83
78 84 .tb-side-menu ng-md-icon {
79 85 margin-right: 8px;
  86 + margin-left: 0px;
80 87 }
81 88
82 89 .tb-side-menu md-icon {
83 90 margin-right: 8px;
  91 + margin-left: 0px;
84 92 }
... ...
... ... @@ -274,6 +274,14 @@ pre.tb-highlight {
274 274 md-toolbar {
275 275 z-index: 0;
276 276 }
  277 + md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default .md-button[disabled],
  278 + md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default .md-button[disabled] {
  279 + color: rgba(0,0,0,0.38);
  280 + }
  281 + md-toolbar.md-default-theme:not(.md-menu-toolbar) .md-button[disabled] md-icon,
  282 + md-toolbar:not(.md-menu-toolbar) .md-button[disabled] md-icon {
  283 + color: rgba(0,0,0,.28);
  284 + }
277 285 span.no-data-found {
278 286 position: relative;
279 287 height: calc(100% - 57px);
... ...