refactor

src/views/theming/Theming.vue

@@ -59,7 +59,7 @@ html {
 <CodeHighlight>
 &lt;style lang="scss" scoped&gt;
 :deep(.dark-panel.p-panel) {
-    .p-panel-titlebar {
+    .p-panel-title {
         background: #212121;
     }
 

src/views/treetable/TreeTableDoc.vue

@@ -1229,6 +1229,23 @@ export default {
         this.nodeService.getTreeTableNodes().then(data => this.nodes = data);
     }
 }
+</CodeHighlight>
+
+<CodeHighlight lang="css">
+    .sm-visible {
+        display: none;
+    }
+
+    @media screen and (max-width: 40em) {
+        :deep(.sm-invisible) {
+            display: none;
+        }
+
+        :deep(.sm-visible) {
+            display: inline;
+            margin-right: .5rem;
+        }
+    }
     </CodeHighlight>
 
 				<h5>Properties</h5>

src/views/treetable/TreeTableResponsiveDemo.vue

@@ -91,11 +91,11 @@ export default {
 }
 
 @media screen and (max-width: 40em) {
-    .sm-invisible {
+    :deep(.sm-invisible) {
         display: none;
     }
 
-    .sm-visible {
+    :deep(.sm-visible) {
         display: inline;
         margin-right: .5rem;
     }
@@ -133,11 +133,11 @@ export default {
 }
 
 @media screen and (max-width: 40em) {
-    .sm-invisible {
+    :deep(.sm-invisible) {
         display: none;
     }
 
-    .sm-visible {
+    :deep(.sm-visible) {
         display: inline;
         margin-right: .5rem;
     }