From cffc459f686c505f78b9a20a06d316e5544c978d Mon Sep 17 00:00:00 2001
From: Aria <aria@suma-ev.de>
Date: Fri, 29 Jun 2018 09:26:09 +0200
Subject: [PATCH] =?UTF-8?q?schlie=C3=9Fen=20des=20modals=20funktioniert,?=
=?UTF-8?q?=20button=20zum=20anzeigen=20des=20modals=20zentriert?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
resources/assets/less/metager/modals.less | 3 ++-
resources/assets/less/metager/start-page.less | 7 +++++++
resources/views/index.blade.php | 4 ++--
resources/views/modals/plugin-modal.blade.php | 6 +++---
4 files changed, 14 insertions(+), 6 deletions(-)
diff --git a/resources/assets/less/metager/modals.less b/resources/assets/less/metager/modals.less
index c1261b7f0..2d6b70a7d 100644
--- a/resources/assets/less/metager/modals.less
+++ b/resources/assets/less/metager/modals.less
@@ -2,13 +2,14 @@
#show-create-focus:checked {
& + #create-focus-modal {
+ position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
-#show-plugin-modal:checked {
+#plugin-modal-checkbox:checked {
& + #plugin-modal {
display: block;
}
diff --git a/resources/assets/less/metager/start-page.less b/resources/assets/less/metager/start-page.less
index e33847c29..378550993 100644
--- a/resources/assets/less/metager/start-page.less
+++ b/resources/assets/less/metager/start-page.less
@@ -70,6 +70,13 @@
padding: 7px;
font-weight: normal;
}
+ #show-plugin-modal {
+ display: flex;
+ justify-content: center;
+ &>.open-plugin-modal {
+ margin: 5px;
+ }
+ }
}
#more-information {
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index 1e05af4e0..a6cd12a45 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -8,8 +8,8 @@
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">MetaGer</a>
</h1>
@include('parts.searchbar', ['class' => 'startpage-searchbar'])
- <div>
- <label for="show-plugin-modal" role="button" class="btn btn-default" title="MetaGer zu Ihrem Browser hinzufügen"><i class="fa fa-plug" aria-hidden="true"></i> MetaGer-Plugin hinzufügen</a>
+ <div id="show-plugin-modal">
+ <label for="plugin-modal-checkbox" role="button" class="btn btn-default open-plugin-modal" title="MetaGer zu Ihrem Browser hinzufügen"><i class="fa fa-plug" aria-hidden="true"></i> MetaGer-Plugin hinzufügen</a>
</div>
<script type="text/javascript" src="{{ mix('js/scriptStartPage.js') }}"></script>
<script type="text/javascript" src="{{ mix('js/searchbar.js') }}"></script>
diff --git a/resources/views/modals/plugin-modal.blade.php b/resources/views/modals/plugin-modal.blade.php
index 8c28dd5a5..f431342cd 100644
--- a/resources/views/modals/plugin-modal.blade.php
+++ b/resources/views/modals/plugin-modal.blade.php
@@ -1,11 +1,11 @@
-<input type="checkbox" id="show-plugin-modal" class="hidden">
+<input type="checkbox" id="plugin-modal-checkbox" class="hidden">
<div class="metager-modal" id="plugin-modal" tab-index="-1" role="dialog">
<div class="metager-modal-dialog ">
<div class="metager-modal-content">
<div class="metager-modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+ <label type="button" for="plugin-modal-checkbox" class="close">
<span aria-hidden="true">×</span>
- </button>
+</label>
<h4>
@if ($browser === 'Firefox' || $browser === 'Mozilla')
{{ trans('index.plugin.head.1') }}
--
GitLab