diff --git a/src/components/editor.vue b/src/components/editor.vue index ae2e71f37..7480c7c91 100644 --- a/src/components/editor.vue +++ b/src/components/editor.vue @@ -4,83 +4,127 @@
-
-
- - - - - - - - - -
+ + -
- -
- {{ metadata.title }} - UUID: {{ uuid }} + + +
- -
+ +
+ +
+
+ + + +
+ +
- - - - - - - - {{ $t('editor.unsavedChanges') }} - - - - -
- - - -
- - - - -
-
+ - - - -
+
+
+ +
+
+
+ +
+ {{ metadata.title }} + UUID: {{ uuid }} +
+ +
+ + +
+ + + + + + + +

{{ $t('editor.preview') }}

+ + + + + + + +
+ + + + +
+
+
+ + + + + + + + +
+
-
@@ -356,6 +527,8 @@ export default class EditorV extends Vue { @Prop() saving!: boolean; @Prop() unsavedChanges!: boolean; + currentRoute = window.location.href; + // Form properties. uuid = ''; logoImage: undefined | File = undefined; @@ -602,8 +775,9 @@ window.addEventListener('resize', () => { width: 100vw; display: grid; grid-template-columns: 1fr; - grid-template-rows: auto 1fr; + grid-template-rows: auto auto 1fr; grid-template-areas: + 'header-upper' 'header' 'main'; } @@ -673,15 +847,18 @@ select:focus { padding: 0.25 0.25em !important; } +.editor-header-upper { + grid-area: 'header-upper'; + // top: -1px; +} + .editor-header { grid-area: header; - top: -1px; - padding-top: 9px; } .editor-body { grid-area: main; - overflow: hidden; + overflow: auto; } .fade-enter-active, @@ -718,8 +895,7 @@ select:focus { @media only screen and (min-width: 768px) { .editor-area { overflow-y: auto; - //height: calc(100vh - 80px); - height: calc(calc(var(--vh, 1vh) * 100) - 100px); + height: 100%; } } @@ -788,7 +964,7 @@ select:focus { } #sidebar-mobile { - z-index: 21; // should be on top + z-index: 25; // should be on top height: 100%; width: 0; /* Initial width is 0 to be hidden */ max-width: 100%; @@ -807,7 +983,21 @@ select:focus { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Translucent black */ - z-index: 20; /* Ensure it appears just under the sidebar */ + z-index: 21; /* Ensure it appears just under the sidebar */ display: none; /* Initially hidden */ } + +.line-clamp-1 { + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; +} + +.line-clamp-2 { + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; +} diff --git a/src/lang/lang.csv b/src/lang/lang.csv index dad8fc6ad..b770cb930 100644 --- a/src/lang/lang.csv +++ b/src/lang/lang.csv @@ -114,6 +114,8 @@ editor.export,Export,1,Exporter,0 editor.export.success,Export successful,1,Exportation réussie,0 editor.export.error,Export failed,1,Échec de l’exportation,0 editor.rename,Rename,1,Rename,0 +editor.openSidebar,Open sidebar,1,Ouvrir la barre latérale,0 +editor.leaveEditor,Leave Editor,1,Quitter l'éditeur,0 editor.loadPrevious,Load Previous,1,Charger le précédent,0 editor.viewHistory,View Previous,1,Voir précédent,0 editor.browse,Browse,1,Parcourir,1 @@ -125,14 +127,14 @@ editor.confirm,Confirm,1,Confirmer,1 editor.cancel,Cancel,1,Annuler,1 editor.caption.placeholder,Add a caption,1,Ajouter une légende,0 editor.unsavedChanges,Unsaved changes,1,Modifications non enregistrées,1 -editor.saveChanges,Save changes,1,Enregistrer les modifications,1 -editor.discardChanges,Discard changes,1,Annuler les modifications,0 +editor.saveChanges,Save,1,Enregistrer,1 +editor.discardChanges,Discard changes,1,Annuler,0 editor.label.or,or,1,ou,1 editor.label.browse,browse,1,parcourir,1 editor.label.upload,to upload,1,téléverser,1 editor.savingChanges,Saving...,1,Enregistrement...,1 editor.confirmOverwrite,Are you sure you want to overwrite product '{uuid}'?,1,Are you sure you want to overwrite product '{uuid}'?,0 -editor.resetChanges,Reset Changes,1,Annuler les modifications,1 +editor.resetChanges,Reset Changes,1,Annuler,1 editor.refreshChanges.modal,"Are you sure you want to reload the product? All unsaved changes will be lost.",1,"Voulez-vous vraiment recharger ce produit? Toute modification non enregistrée sera perdue.",1 editor.changeLang.modal,"Are you sure you want to switch languages? Unsaved changes may be lost.",1,"Voulez-vous vraiment changer de langue? Toute modification non enregistrée sera perdue.",1 editor.frenchConfig,View French Config,1,Afficher la configuration en français,1