-<div class="component-viewer-workspace-container">
+<div class="component-viewer-workspace-header">
+ <div class="component-viewer-workspace-title"
+ title="{{t 'component_viewer.workspace.tooltip'}}">{{t 'component_viewer.workspace'}}</div>
<button class="button-clean component-viewer-workspace-toggle js-toggle-workspace">
{{#if settings.workspace}}
<i class="icon-double-chevron-left"></i>
<i class="icon-double-chevron-right"></i>
{{/if}}
</button>
+</div>
- <ul class="component-viewer-workspace-list">
- {{#eachReverse workspace}}
- <li class="component-viewer-workspace-item {{#if active}}active{{/if}}">
- {{qualifierIcon component.q}}
- <a class="link-action" data-key="{{component.key}}">{{component.name}}</a>
- {{#if component.dir}}
- <div class="text-ellipsis subtitle">{{component.dir}}</div>
- {{/if}}
- {{#if options}}
- <div class="component-viewer-workspace-transition">{{t 'component_viewer.transition' ../transition}}</div>
- <ul class="component-viewer-workspace-options">
- {{#each options}}
- <li class="component-viewer-workspace-option {{#if active}}active{{/if}}">
- <a class="link-action text-ellipsis" data-workspace-key="{{../component.key}}" data-key="{{key}}">{{name}}</a>
- {{#if subname}}<div class="text-ellipsis subtitle">{{subname}}</div>{{/if}}
- </li>
- {{/each}}
- </ul>
- {{/if}}
- </li>
- {{/eachReverse}}
- </ul>
-</div>
\ No newline at end of file
+<ul class="component-viewer-workspace-list">
+ {{#eachReverse workspace}}
+ <li class="component-viewer-workspace-item {{#if active}}active{{/if}}">
+ {{qualifierIcon component.q}}
+ <a class="link-action" data-key="{{component.key}}">{{component.name}}</a>
+ {{#if component.dir}}
+ <div class="text-ellipsis subtitle">{{component.dir}}</div>
+ {{/if}}
+ {{#if options}}
+ <div class="component-viewer-workspace-transition">{{t 'component_viewer.transition' ../transition}}</div>
+ <ul class="component-viewer-workspace-options">
+ {{#each options}}
+ <li class="component-viewer-workspace-option text-ellipsis {{#if active}}active{{/if}}" title="{{name}}">
+ <a class="link-action" data-workspace-key="{{../component.key}}" data-key="{{key}}">{{name}}</a>
+ {{#if subname}}<div class="text-ellipsis subtitle" title="{{subname}}">{{subname}}</div>{{/if}}
+ </li>
+ {{/each}}
+ </ul>
+ {{/if}}
+ </li>
+ {{/eachReverse}}
+</ul>
\ No newline at end of file
background-color: @barBackgroundColor;
}
-.component-viewer-workspace-container { position: relative; }
+.component-viewer-workspace-header {
+ position: relative;
+ height: 30px;
+ border-bottom: 1px solid @barBorderColor;
+}
+
+.component-viewer-workspace-title {
+ padding: 0 30px 0 10px;
+ line-height: 30px;
+ text-transform: uppercase;
+}
.component-viewer-workspace-list {
display: none;