Commit cffc459f authored by Aria Givi's avatar Aria Givi

schließen des modals funktioniert, button zum anzeigen des modals zentriert

parent 042d80fc
...@@ -2,13 +2,14 @@ ...@@ -2,13 +2,14 @@
#show-create-focus:checked { #show-create-focus:checked {
& + #create-focus-modal { & + #create-focus-modal {
position: fixed;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
} }
} }
#show-plugin-modal:checked { #plugin-modal-checkbox:checked {
& + #plugin-modal { & + #plugin-modal {
display: block; display: block;
} }
......
...@@ -70,6 +70,13 @@ ...@@ -70,6 +70,13 @@
padding: 7px; padding: 7px;
font-weight: normal; font-weight: normal;
} }
#show-plugin-modal {
display: flex;
justify-content: center;
&>.open-plugin-modal {
margin: 5px;
}
}
} }
#more-information { #more-information {
......
...@@ -8,8 +8,8 @@ ...@@ -8,8 +8,8 @@
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">MetaGer</a> <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">MetaGer</a>
</h1> </h1>
@include('parts.searchbar', ['class' => 'startpage-searchbar']) @include('parts.searchbar', ['class' => 'startpage-searchbar'])
<div> <div id="show-plugin-modal">
<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> <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> </div>
<script type="text/javascript" src="{{ mix('js/scriptStartPage.js') }}"></script> <script type="text/javascript" src="{{ mix('js/scriptStartPage.js') }}"></script>
<script type="text/javascript" src="{{ mix('js/searchbar.js') }}"></script> <script type="text/javascript" src="{{ mix('js/searchbar.js') }}"></script>
......
<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" id="plugin-modal" tab-index="-1" role="dialog">
<div class="metager-modal-dialog "> <div class="metager-modal-dialog ">
<div class="metager-modal-content"> <div class="metager-modal-content">
<div class="metager-modal-header"> <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">&times;</span> <span aria-hidden="true">&times;</span>
</button> </label>
<h4> <h4>
@if ($browser === 'Firefox' || $browser === 'Mozilla') @if ($browser === 'Firefox' || $browser === 'Mozilla')
{{ trans('index.plugin.head.1') }} {{ trans('index.plugin.head.1') }}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment