Added Heading to Modals and styles
This commit is contained in:
		
					parent
					
						
							
								49ae9adcb8
							
						
					
				
			
			
				commit
				
					
						8aa7ffa2d3
					
				
			
		
					 4 changed files with 17 additions and 13 deletions
				
			
		| 
						 | 
					@ -88,10 +88,14 @@
 | 
				
			||||||
.modal-title {
 | 
					.modal-title {
 | 
				
			||||||
    margin: 0;
 | 
					    margin: 0;
 | 
				
			||||||
    line-height: 1.42857143;
 | 
					    line-height: 1.42857143;
 | 
				
			||||||
    font-size: 22px;
 | 
					    font-size: 25px;
 | 
				
			||||||
    padding: 20px 0;
 | 
					    padding: 0;
 | 
				
			||||||
    font-family: 'Lato', sans-serif;
 | 
					    font-family: 'Lato', sans-serif;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					.modal-text {
 | 
				
			||||||
 | 
					    padding-top: 20px;
 | 
				
			||||||
 | 
					    font-size: 16px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
.modal-footer {
 | 
					.modal-footer {
 | 
				
			||||||
    border-top: 0px solid #e5e5e5;
 | 
					    border-top: 0px solid #e5e5e5;
 | 
				
			||||||
    width: 100%;
 | 
					    width: 100%;
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -53,16 +53,16 @@
 | 
				
			||||||
                                        </div>
 | 
					                                        </div>
 | 
				
			||||||
                                        <div class="modal-body">
 | 
					                                        <div class="modal-body">
 | 
				
			||||||
                                         <div class="modal-icon"><i class="fa fa-question" aria-hidden="true"></i></div>
 | 
					                                         <div class="modal-icon"><i class="fa fa-question" aria-hidden="true"></i></div>
 | 
				
			||||||
                                            <h4 class="modal-title" id="ModalLabel">{% trans "Do You want to delete your order?"%}</h4>
 | 
					                                            <h4 class="modal-title" id="ModalLabel">{% trans "Cancel Order"%}</h4>
 | 
				
			||||||
 | 
					                                               <p class="modal-text">{% trans "Do you want to delete your order?"%}</p>
 | 
				
			||||||
                                            <form method="post"
 | 
					                                            <form method="post"
 | 
				
			||||||
                                                  action="{% url 'hosting:delete_order' order.id %}">
 | 
					                                                  action="{% url 'hosting:delete_order' order.id %}">
 | 
				
			||||||
                                                {% csrf_token %}
 | 
					                                                {% csrf_token %}
 | 
				
			||||||
                                                <div class="modal-footer">
 | 
					                                                <div class="modal-footer">
 | 
				
			||||||
                                                    <button type="button" class="btn btn-default"
 | 
					                                                    <!--button type="button" class="btn btn-default"
 | 
				
			||||||
                                                            data-dismiss="modal">
 | 
					                                                            data-dismiss="modal">
 | 
				
			||||||
                                                        {% trans "Close"%}
 | 
					                                                        {% trans "Close"%}
 | 
				
			||||||
                                                    </button>
 | 
					                                                    </button-->
 | 
				
			||||||
                                                    <button type="submit" class="btn btn-danger btn-ok">{% trans "Delete"%}
 | 
					                                                    <button type="submit" class="btn btn-danger btn-ok">{% trans "Delete"%}
 | 
				
			||||||
                                                    </button>
 | 
					                                                    </button>
 | 
				
			||||||
                                                </div>
 | 
					                                                </div>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -54,16 +54,16 @@
 | 
				
			||||||
                </div>
 | 
					                </div>
 | 
				
			||||||
                <div class="modal-body">
 | 
					                <div class="modal-body">
 | 
				
			||||||
                 <div class="modal-icon"><i class="fa fa-question" aria-hidden="true"></i></div>
 | 
					                 <div class="modal-icon"><i class="fa fa-question" aria-hidden="true"></i></div>
 | 
				
			||||||
                    <h4 class="modal-title" id="ModalLabel">{% trans "Do You want to delete this key?"%}</h4>
 | 
					                  <h4 class="modal-title" id="ModalLabel">{% trans "Delete SSH Key"%}</h4>
 | 
				
			||||||
 | 
					                     <p class="modal-text">{% trans "Do You want to delete this key?"%}</p>
 | 
				
			||||||
                    <form method="post" action="{% url 'hosting:delete_ssh_key' user_key.id %}">
 | 
					                    <form method="post" action="{% url 'hosting:delete_ssh_key' user_key.id %}">
 | 
				
			||||||
                        {% csrf_token %}
 | 
					                        {% csrf_token %}
 | 
				
			||||||
                        <div class="modal-footer">
 | 
					                        <div class="modal-footer">
 | 
				
			||||||
                            <button type="button" class="btn btn-default"
 | 
					                            <!--button type="button" class="btn btn-default"
 | 
				
			||||||
                                    data-dismiss="modal">
 | 
					                                    data-dismiss="modal">
 | 
				
			||||||
                                {% trans "Close"%}
 | 
					                                {% trans "Close"%}
 | 
				
			||||||
                            </button>
 | 
					                            </button-->
 | 
				
			||||||
                            <button type="submit" class="btn btn-primary">{% trans "Delete"%}
 | 
					                            <button type="submit" class="btn btn-danger">{% trans "Delete"%}
 | 
				
			||||||
                            </button>
 | 
					                            </button>
 | 
				
			||||||
                        </div>
 | 
					                        </div>
 | 
				
			||||||
                    </form>
 | 
					                    </form>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -168,10 +168,10 @@
 | 
				
			||||||
									            <div class="modal-body">
 | 
														            <div class="modal-body">
 | 
				
			||||||
													<div class="modal-icon"><i class="fa fa-question" aria-hidden="true"></i></div>
 | 
																		<div class="modal-icon"><i class="fa fa-question" aria-hidden="true"></i></div>
 | 
				
			||||||
													<h4 class="modal-title" id="ModalLabel">{% trans "Terminate your Virtual Machine"%}</h4>
 | 
																		<h4 class="modal-title" id="ModalLabel">{% trans "Terminate your Virtual Machine"%}</h4>
 | 
				
			||||||
									                {% trans "Are you sure do you want to cancel your Virtual Machine "%} {{virtual_machine.name}} ?
 | 
														                <p class="modal-text">{% trans "Are you sure do you want to cancel your Virtual Machine "%} {{virtual_machine.name}} ?</p>
 | 
				
			||||||
									            </div>
 | 
														            </div>
 | 
				
			||||||
									            <div class="modal-footer">
 | 
														            <div class="modal-footer">
 | 
				
			||||||
									                <button type="button" class="btn btn-default" data-dismiss="modal">{% trans "Cancel"%}</button>
 | 
														                <!--button type="button" class="btn btn-default" data-dismiss="modal">{% trans "Cancel"%}</button-->
 | 
				
			||||||
									                <a class="btn btn-danger btn-ok">OK</a>
 | 
														                <a class="btn btn-danger btn-ok">OK</a>
 | 
				
			||||||
									            </div>
 | 
														            </div>
 | 
				
			||||||
									        </div>
 | 
														        </div>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue