@oxygen-cms/ui 2.1.0 → 2.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxygen-cms/ui",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "Various utilities for UI-building in Vue.js",
   "main": "none",
   "repository": {

package/src/components/UserProfileForm.vue

@@ -34,7 +34,7 @@
 
         <b-button v-if="admin" @click="isUserPreferencesModalActive = true">Open User Preferences...</b-button>
 
-        <ShowIfPermitted v-if="!admin" :keys="['user.general', 'user.editor']">
+        <ShowIfPermitted v-if="!admin" :keys="['user.editor']">
             <b-notification :closable="false" class="bottom-margin">
                 <h2 class="subtitle">User Preferences</h2>
                 <p>You can modify and personalize certain aspects of this administration interface to suit your own preferences.</p>

package/src/components/media/MediaUpload.vue

@@ -4,7 +4,7 @@
             <p v-if="!isUploading" class="modal-card-title">Upload files to '{{ currentPath }}'</p>
             <p v-else class="modal-card-title">Uploading {{ filesToUpload.length }} item(s)</p>
         </header>
-        <section v-if="!isUploading" class="modal-card-body">
+        <section v-if="!isUploading" class="modal-card-body upload-body">
             <b-upload v-model="filesToUpload"
                       multiple
                       drag-drop expanded>
@@ -115,6 +115,11 @@ export default {
 </script>
 
 <style scoped>
+    .upload-body {
+        max-height: 60vh;
+        overflow-y: auto;
+    }
+
     .image-preview {
         display: flex;
         flex-direction: column;

package/src/components/media/MediaUploadDropdown.vue

@@ -28,7 +28,7 @@
                         Uploading {{ filesToUpload.length }} item(s)
                     </p>
                 </header>
-                <section v-if="!isUploading" class="modal-card-body" style="overflow: visible;">
+                <section v-if="!isUploading" class="modal-card-body upload-body">
                     <b-upload v-model="filesToUpload"
                               multiple
                               drag-drop expanded>
@@ -55,7 +55,7 @@
                         </span>
                     </div>
                 </section>
-                <section v-else class="modal-card-body" style="overflow: visible;">
+                <section v-else class="modal-card-body upload-body">
                     <b-progress size="is-medium" type="is-info"></b-progress>
                 </section>
                 <footer class="modal-card-foot is-flex">
@@ -153,7 +153,6 @@ export default {
     }
 
     .media-upload-dropdown .dropdown-menu {
-        overflow: visible !important;
         min-width: 30rem;
     }
 
@@ -164,6 +163,11 @@ export default {
 </style>
 
 <style scoped>
+    .upload-body {
+        max-height: 60vh;
+        overflow-y: auto;
+    }
+
     .image-preview {
         display: flex;
         flex-direction: column;

package/src/components/preferences/UserPreferences.vue

@@ -1,10 +1,7 @@
 <template>
     <div>
-        <h3 class="subtitle">General</h3>
-        <PreferencesField label="Font Size" data-key="user.general::fontSize" type="select" default-text="group"></PreferencesField>
         <h3 class="subtitle">Editor</h3>
         <PreferencesField label="Default Mode" data-key="user.editor::defaultMode" type="select" default-text="group"></PreferencesField>
-        <PreferencesField label="Overall Theme" data-key="user.editor::theme" type="select" default-text="group"></PreferencesField>
         <h4 class="subtitle is-6">Code Editor</h4>
         <PreferencesField label="Theme" data-key="user.editor::ace.theme" type="select" grouped default-text="group"></PreferencesField>
         <PreferencesField label="Font Size" data-key="user.editor::ace.fontSize" type="select" default-text="group"></PreferencesField>
@@ -12,8 +9,6 @@
         <PreferencesField label="Highlight Active Line" data-key="user.editor::ace.highlightActiveLine" type="switch" default-text="group"></PreferencesField>
         <PreferencesField label="Show Print Margin" data-key="user.editor::ace.showPrintMargin" type="switch" default-text="group"></PreferencesField>
         <PreferencesField label="Show Invisibles" data-key="user.editor::ace.showInvisibles" type="switch" default-text="group"></PreferencesField>
-        <h4 class="subtitle is-6">Design Editor</h4>
-        <PreferencesField label="Theme" data-key="user.editor::ckeditor.skin" type="select" grouped default-text="group"></PreferencesField>
     </div>
 </template>
 

package/src/modules/PagesPartials.js

@@ -17,9 +17,7 @@ export default function(ui) {
         icon: 'file-alt',
         listAction: '/pages',
         listPermission: 'pages.getList',
-        addIcon: 'plus',
         addPermission: 'pages.postCreate',
-        addAction: '/pages/create',
         addDropdownComponent: CreatePageDropdown,
         items: {
         }
@@ -29,9 +27,7 @@ export default function(ui) {
         icon: 'puzzle-piece',
         listAction: '/partials',
         listPermission: 'partials.getList',
-        addIcon: 'plus',
         addPermission: 'partials.postCreate',
-        addAction: '/partials/create',
         addDropdownComponent: CreatePartialDropdown,
         items: {
         }