edit, remove + toggle page modules

2020-08-20 14:35:08 +02:00
parent 5319516922
commit 4abe35d422
19 changed files with 348 additions and 40 deletions
@@ -0,0 +1,41 @@
+<template>
+  <div class="ui-module-preview-headline">
+    <article class="-text" v-if="text" v-html="text"></article>
+    <article class="-subline" v-if="subline" v-html="subline"></article>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'uiModulePreviewText',
+
+    props: {
+      text: {
+        type: String
+      },
+      subline: {
+        type: String
+      }
+    }
+  }
+</script>
+
+<style lang="scss">
+  .ui-module-preview-headline
+  {
+    font-size: var(--font-size);
+    line-height: 1.5;
+
+    .-text
+    {
+      font-size: var(--font-size-xl);
+      font-weight: 600;
+    }
+
+    .-subline
+    {
+      color: var(--color-fg-dim);
+      font-size: var(--font-size-s);
+    }
+  }
+</style>
@@ -0,0 +1,48 @@
+<template>
+  <div class="ui-module-preview-text">
+    <article class="-text" v-if="text" v-html="text"></article>
+    <article class="-subline" v-if="subline" v-html="subline"></article>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'uiModulePreviewText',
+
+    props: {
+      text: {
+        type: String
+      },
+      subline: {
+        type: String
+      }
+    }
+  }
+</script>
+
+<style lang="scss">
+  .ui-module-preview-text
+  {
+    font-size: var(--font-size);
+    line-height: 1.5;
+
+    .-text
+    {
+
+    }
+
+    .-subline
+    {
+      color: var(--color-fg-dim);
+      font-size: var(--font-size-s);
+    }
+
+    .-text, .-subline
+    {
+      overflow: hidden;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 4;
+      display: -webkit-box;
+    }
+  }
+</style>