Showing
4 changed files
with
21 additions
and
5 deletions
... | ... | @@ -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); | ... | ... |