]> BookStack Code Mirror - bookstack/commitdiff
Aligned other popup windows
authorDan Brown <redacted>
Mon, 20 Jun 2022 22:02:06 +0000 (23:02 +0100)
committerDan Brown <redacted>
Mon, 20 Jun 2022 22:02:06 +0000 (23:02 +0100)
Primary change was altering image-manager to use same footer bar style
as other windows.

resources/sass/_components.scss
resources/views/common/confirm-dialog.blade.php
resources/views/entities/selector-popup.blade.php
resources/views/pages/parts/code-editor.blade.php
resources/views/pages/parts/image-manager.blade.php

index 0f584c4082416c8861c8e1f664c813d2c4ea2251..03411301b8b3ed57dd334a4c22da4e5ddad5f677 100644 (file)
 
 .popup-footer {
   justify-content: end;
+  background-color: var(--color-primary-light);
+  min-height: 41px;
   button {
     padding: 10px $-m;
   }
@@ -316,12 +318,6 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
   }
 }
 
-.image-manager .corner-button {
-  margin: 0;
-  border-radius: 0;
-  padding: $-m;
-}
-
 // Dropzone
 /*
  * The MIT License
index 28587d4e8c0f8e09a4d56b6b47152087006df0cf..8e4148b88716e9b6be23029b351447e749012161 100644 (file)
@@ -5,7 +5,7 @@
 
         <div class="popup-header primary-background">
             <div class="popup-title">{{ $title }}</div>
-            <button refs="popup@hide" type="button" class="popup-header-close">x</button>
+            <button refs="popup@hide" type="button" class="popup-header-close">@icon('close')</button>
         </div>
 
         <div class="px-m py-m">
index ab73a014fa8d2a6c52b68c3c0ec97823414164e0..c896b50b5234ab25bddcca53ecc7408112ef8aa4 100644 (file)
@@ -3,11 +3,11 @@
         <div class="popup-body small" tabindex="-1">
             <div class="popup-header primary-background">
                 <div class="popup-title">{{ trans('entities.entity_select') }}</div>
-                <button refs="popup@hide" type="button" class="popup-header-close">x</button>
+                <button refs="popup@hide" type="button" class="popup-header-close">@icon('close')</button>
             </div>
             @include('entities.selector', ['name' => 'entity-selector'])
             <div class="popup-footer">
-                <button refs="entity-selector-popup@select" type="button" disabled="true" class="button corner-button">{{ trans('common.select') }}</button>
+                <button refs="entity-selector-popup@select" type="button" disabled="true" class="button">{{ trans('common.select') }}</button>
             </div>
         </div>
     </div>
index 7c3a7b9ec26a24a5f07625accdb592a34be951d8..9c10456cec391358cadf21abcc721543b24f1d07 100644 (file)
@@ -63,8 +63,8 @@
 
             </div>
 
-            <div class="popup-footer primary-background-light">
-                <button refs="code-editor@saveButton" type="button" class="button corner-button">{{ trans('components.code_save') }}</button>
+            <div class="popup-footer">
+                <button refs="code-editor@saveButton" type="button" class="button">{{ trans('components.code_save') }}</button>
             </div>
 
         </div>
index c15c31b86904bc1c7985cb20ac90663c6f053670..50a0cd8c370e5be57a51f90f051423d065e9e9b3 100644 (file)
@@ -9,7 +9,7 @@
 
             <div class="popup-header primary-background">
                 <div class="popup-title">{{ trans('components.image_select') }}</div>
-                <button refs="popup@hide" type="button" class="popup-header-close">x</button>
+                <button refs="popup@hide" type="button" class="popup-header-close">@icon('close')</button>
             </div>
 
             <div class="flex-fill image-manager-body">
                     </div>
 
                     <div refs="image-manager@formContainer" class="inner flex"></div>
-
-                    <button refs="image-manager@selectButton" type="button" class="hidden button corner-button">
-                        {{ trans('components.image_select_image') }}
-                    </button>
                 </div>
 
             </div>
 
+            <div class="popup-footer">
+                <button refs="image-manager@selectButton" type="button" class="hidden button">
+                    {{ trans('components.image_select_image') }}
+                </button>
+            </div>
+
         </div>
     </div>
 </div>
\ No newline at end of file