New Condition Widget, WIP

- Normalize usage of `c-object-label` across components;

src/plugins/tabs/components/tabs.scss

@@ -34,9 +34,7 @@
     }
 
     &__object-name {
-        flex: 0 0 auto;
-        @include headerFont();
-        font-size: 1.2em !important;
+        font-size: 1em;
         margin: $interiorMargin 0 $interiorMarginLg 0;
     }
 

src/plugins/tabs/components/tabs.vue

@@ -40,10 +40,10 @@
     >
         <div
             v-if="currentTab"
-            class="c-tabs-view__object-name l-browse-bar__object-name--w"
+            class="c-tabs-view__object-name c-object-label l-browse-bar__object-name--w"
             :class="currentTab.type.definition.cssClass"
         >
-            <div class="l-browse-bar__object-name">
+            <div class="l-browse-bar__object-name c-object-label__name">
                 {{ currentTab.domainObject.name }}
             </div>
         </div>

src/ui/components/ObjectFrame.vue

@@ -28,13 +28,13 @@
     }"
 >
     <div class="c-so-view__header">
-        <div
-            class="c-so-view__header__icon"
+        <div class="c-object-label"
              :class="cssClass"
-        ></div>
-        <div class="c-so-view__header__name">
+        >
+            <div class="c-object-label__name">
                 {{ domainObject && domainObject.name }}
             </div>
+        </div>
         <context-menu-drop-down
             :object-path="objectPath"
         />
@@ -64,7 +64,8 @@ const SIMPLE_CONTENT_TYPES = [
     'clock',
     'timer',
     'summary-widget',
-    'hyperlink'
+    'hyperlink',
+    'condition-widget'
 ];
 
 export default {