#176 - Block field updated to support default fields

src/panelWebView/styles.css

@@ -1,5 +1,12 @@
 
-.data_block__field {
+.block_field__form {
+  background-color: transparent;
+  border: 1px dashed var(--vscode-button-background);
+  padding: 1rem;
+  filter: brightness(85%);
+}
+
+.json_data__field {
   border: 1px dashed var(--vscode-button-secondaryBackground);
   color: var(--vscode--settings-headerForeground);
   padding: .5rem 1rem;
@@ -22,7 +29,7 @@
     margin-bottom: .5rem;
 
     &:last-child {
-      .data_block__selector h3 {
+      .json_data__selector h3 {
         font-size: 1rem;
         font-weight: bold;
         text-align: center;
@@ -33,7 +40,7 @@
   }
 }
 
-.data_block__selector {
+.json_data__selector {
   h3 {
     font-size: var(--vscode-font-size);
     font-weight: bold;
@@ -45,7 +52,7 @@
   }
 }
 
-.data_block__buttons {
+.json_data__buttons {
   display: flex;
   justify-content: flex-end;
   align-items: center;
@@ -79,7 +86,7 @@
   }
 }
 
-.data_block__list {
+.json_data__list {
   margin-top: 1rem;
 
   label {
@@ -125,7 +132,7 @@
   }
 }
 
-.data_block__list .metadata_field__label {
+.json_data__list .metadata_field__label {
   justify-content: space-between;
 
   > div {
@@ -138,14 +145,14 @@
   }
 }
 
-.data_block__record {
+.json_data__record {
   border-bottom: 1px solid var(--vscode-button-secondaryBackground);
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: .5rem 0;
 
-  &.data_block__record_selected {
+  &.json_data__record_selected {
     background-color: rgba(255, 255, 255, .1);
     filter: brightness(100%);
   }
@@ -188,7 +195,7 @@
 }
 
 .sortable_item button,
-.data_block__list__button {
+.json_data__list__button {
   width: auto;
   background: none;
   color: inherit;
@@ -203,7 +210,7 @@
   }
 }
 
-.data_block__list__button_icon {
+.json_data__list__button_icon {
   height: 1rem;
   width: 1rem;
 }