]> _ Git - fluidbook-toolbox.git/commitdiff
wip #5447 @1
authorVincent Vanwaelscappel <vincent@cubedesigners.com>
Thu, 16 Mar 2023 13:02:42 +0000 (14:02 +0100)
committerVincent Vanwaelscappel <vincent@cubedesigners.com>
Thu, 16 Mar 2023 13:02:42 +0000 (14:02 +0100)
resources/linkeditor/style/inc/_toolbar.sass
resources/views/fluidbook_publication/link_editor.blade.php

index 96ad770d50bac4413dad353f8ffbe8776b78caf8..a95799e34d3e90a50eb4a804b0c1d31d7ce6232b 100644 (file)
@@ -11,6 +11,7 @@
     height: $toolbar-height
     padding: 5px
 
+
     nav
         padding: 2px
         display: inline-block
@@ -21,6 +22,9 @@
         &#linkeditor-toolbar-center
             text-align: center
 
+        &#linkeditor-toolbar-right
+            text-align: right
+
     div
         display: inline-block
         font-size: $font-size
index 5480cd697a31fe9c6aad78bfafcf9f10b5075706..53f12d8fe59a8ee3187541346d976949cdc8592b 100644 (file)
     }
     $assets=$fluidbook->getLinksAssetsDimensions();
 
+    $alignments=[
+        'left'=>__('Aligner la sélection à gauche'),
+    'center'=>__('Centrer horizontalement la sélection'),
+    'right'=>__('Aligner la sélection à droite'),
+    'top'=>__('Aligner la sélection en haut'),
+    'middle'=>__('Centrer verticalement la sélection'),
+    'bottom'=>__('Aligner la sélection en bas')
+    ];
+
 
 @endphp
 @extends('layouts.linkeditor')
                        data-tooltip="{{__('Afficher un overlay blanc semi-opaque au dessus des pages')}}"></a>
                     <a href="#" data-action="openFluidbook" data-icon="open-fluidbook"
                        data-tooltip="{{__('Ouvrir le fluidbook à la page courante')}}"></a>
+
                 </nav>
                 <nav id="linkeditor-toolbar-right">
-
+                    <div class="when-multiple-selection">
+                        @foreach($alignments as $a=>$label)
+                            <a href="#" data-action="alignSelection" data-tooltip="{{$label}}" data-icon="align-{{$a}}"></a>
+                        @endforeach
+                    </div>
                 </nav>
             </div>
             <div id="linkeditor-editor">
         </div>
         <aside id="linkeditor-right" class="linkeditor-sidebar" data-side="right">
             <nav id="linkeditor-right-icons">
-
             </nav>
             <div id="linkeditor-right-panel" class="linkeditor-panel-side"></div>
             <div class="handle"></div>