Mutation editor

src/components/cylc/Mutation.vue

@@ -16,9 +16,10 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <template>
-  <!-- Have to repeat these defaults as the ones set in App.vue don't make it through
-  the parent v-dialog - see https://github.com/vuetifyjs/vuetify/issues/18123 -->
-  <v-card class="c-mutation">
+  <v-card
+    class="c-mutation"
+    variant="flat"
+  >
     <!-- the mutation title -->
     <template v-slot:title>
       {{ mutation._title }}
@@ -38,6 +39,8 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     </template>
 
     <v-card-text class="card-text py-0 px-4">
+      <!-- Have to repeat these defaults as the ones set in App.vue don't make it through
+      the parent v-dialog - see https://github.com/vuetifyjs/vuetify/issues/18123 -->
       <v-defaults-provider :defaults="vuetifyDefaults">
         <!-- the mutation description -->
         <v-expansion-panels
@@ -324,13 +327,13 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 /* the body should scroll, the title and actions should remain fixed */
 .c-mutation {
   display: flex;
   flex-direction: column;
 
-  .card-text{
+  .card-text {
     overflow-y: auto;
   }
 }

src/components/cylc/workspace/Lumino.vue

@@ -144,6 +144,7 @@ onBeforeUnmount(() => {
   eventBus.off('add-view', addView)
   eventBus.off('lumino:deleted', onWidgetDeleted)
   eventBus.off('reset-workspace-layout', resetToDefault)
+  layoutWatcher.pause()
   // Register with Lumino that the dock panel is no longer used,
   // otherwise uncaught errors can occur when restoring layout
   dockPanel.dispose()
@@ -192,9 +193,6 @@ async function getLayout () {
  * Save the current layout/views to cache storage.
  */
 async function saveLayout () {
-  if (!dockPanel.layout) {
-    return // dockPanel not yet initialised
-  }
   // Serialize layout first to synchronously capture the current state
   const serializedLayout = JSON.stringify({
     layout: dockPanel.saveLayout(),

src/styles/cylc/_menu.scss

@@ -24,7 +24,7 @@
     white-space: normal;
   }
 
-  .c-mutation {
+  .c-mutation-menu-item {
     .v-list-item__prepend > .v-icon {
       opacity: 1;
     }