feat: slightly simplify SCSS and style for toast/modal
This commit is contained in:
parent
261ca25661
commit
85c8f50677
@ -63,7 +63,7 @@ button:disabled {
|
||||
padding: 0.5em 1em;
|
||||
}
|
||||
|
||||
.close-modal-button {
|
||||
.close-modal-button, .close-toast-button {
|
||||
background: none;
|
||||
border: 1px solid #888;
|
||||
color: $black;
|
||||
@ -72,11 +72,7 @@ button:disabled {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.close-toast-button {
|
||||
@extend .close-modal-button;
|
||||
}
|
||||
|
||||
.run_modal_button {
|
||||
form button {
|
||||
background: none;
|
||||
border: none;
|
||||
background-color: $light-blue;
|
||||
|
||||
@ -70,16 +70,16 @@
|
||||
<div class="modal-container" id="modal_container">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<img src="{{ url_for('static', filename='img/Featured icon.svg') }}" alt="">
|
||||
<img src="{{ url_for('static', filename='img/Featured icon.svg') }}" alt="">
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<h3>Apply Changes to Your Platform?</h3>
|
||||
<p>This will run Launch Platform to apply all recent plugin changes. The process may take a few minutes to complete.</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class=" close-modal-button">Not Now</button>
|
||||
<button type="button" class="close-modal-button">Not Now</button>
|
||||
<form method="POST" action="{{ url_for('cli_local_launch')}}">
|
||||
<button class=" run_modal_button" type="submit">Apply Changes</button>
|
||||
<button type="submit">Apply Changes</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@ -94,15 +94,15 @@
|
||||
<img class="close-toast-button" src="{{ url_for('static', filename='img/X.svg' )}}">
|
||||
</div>
|
||||
<div class="message">
|
||||
<span class="text text-2" id="toast-description">
|
||||
{{ toast_description }}
|
||||
<span class="text text-2" id="toast-description">
|
||||
{{ toast_description }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="toast-footer" id="toast-footer">
|
||||
<button type="button" class=" close-toast-button">Not Now</button>
|
||||
<button type="button" class="close-toast-button">Not Now</button>
|
||||
<form method="POST" action="{{ url_for('cli_local_launch')}}">
|
||||
<button class=" run_modal_button" type="submit">Apply Changes</button>
|
||||
<button type="submit">Apply Changes</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user