Запретить css приложению включить модальное окно - PullRequest
0 голосов
/ 09 июля 2020

У меня есть вид лезвия, который включает модальный файл php для отображения с $('#editAssignmentModal').modal('show');. Включение модального файла перед разделом содержимого позволяет оставить только стили модального окна (это то, что я хочу):

@include('editAssignmentModal') 
@section('content')
<div class="content" style="border:0px solid green;padding-bottom:0px;height:auto;">
<div class="container-fluid" style="border:0px solid red;height:auto;">
(...)

Но проблема в том, что содержимое модального окна отображается на секунду, когда вид лезвия загружен (чего я не хочу). Включение модального файла после загрузки содержимого, например

@section('content')
@include('editAssignmentModal') 
<div class="content" style="border:0px solid green;padding-bottom:0px;height:auto;">
<div class="container-fluid" style="border:0px solid red;height:auto;">
(...)

, останавливает отображение лезвия представления содержимого модального файла при загрузке, но применяет css представления лезвия к модальному файлу и отображает mr-auto класс в модальном файле бесполезен, который я использую для того, чтобы кнопки модального окна слева и справа с

<div class="modal-footer">              
  <button class="btn mr-auto" data-dismiss="modal" aria-hidden="true">Schließen</button>
  <button class="btn btn-primary" type="submit" id="submitButton">Speichern</button>
</div>

Чтобы решить эту проблему, я добавил несколько css в модальный файл, который показывает эффект, но я могу не удается вернуть левую кнопку в крайнее левое положение от нижнего колонтитула.

            <div class="modal-footer">              
                <button class="btn mr-auto" data-dismiss="modal" aria-hidden="true">Schließen</button>
                <button class="btn btn-primary" type="submit" id="submitButton">Speichern</button>
            </div>
        </div>
    </div>
</div>
<style>
.btn{
    padding: 7px !important; //works
    margin: 0px !important; //works
    background-color: rgb(240,80,80) !important; //works 
}
</style>

Как лучше всего активировать или заменить класс mr-auto? Или есть другой подход, чтобы включить модальный файл, не показывая его при загрузке представления и не получая стили представления лезвия?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...