modal styling updates

This commit is contained in:
Razi KAntorp 2014-03-18 16:17:49 +01:00
parent cf6e199bbe
commit 0f6c87e39e
3 changed files with 26 additions and 11 deletions

View File

@ -52,7 +52,7 @@
<div class="form-group"> <div class="form-group">
<div class="col-lg-8 col-lg-offset-4 bold"> <div class="col-lg-8 col-lg-offset-4 bold">
<span class="redlink" data-bind="visible: $parent.contacts().length > 1"> <span class="redlink bold" data-bind="visible: $parent.contacts().length > 1">
{{ link_to('#', 'Remove contact -', array('data-bind'=>'click: $parent.removeContact')) }} {{ link_to('#', 'Remove contact -', array('data-bind'=>'click: $parent.removeContact')) }}
</span> </span>
<span data-bind="visible: $index() === ($parent.contacts().length - 1)" class="pull-right greenlink bold"> <span data-bind="visible: $index() === ($parent.contacts().length - 1)" class="pull-right greenlink bold">

View File

@ -319,11 +319,11 @@
<div class="form-group"> <div class="form-group">
<div class="col-lg-8 col-lg-offset-4"> <div class="col-lg-8 col-lg-offset-4">
<span data-bind="visible: $parent.contacts().length > 1"> <span class="redlink bold" data-bind="visible: $parent.contacts().length > 1">
{{ link_to('#', 'Remove contact', array('data-bind'=>'click: $parent.removeContact')) }} {{ link_to('#', 'Remove contact -', array('data-bind'=>'click: $parent.removeContact')) }}
</span> </span>
<span data-bind="visible: $index() === ($parent.contacts().length - 1)" class="pull-right"> <span data-bind="visible: $index() === ($parent.contacts().length - 1)" class="pull-right greenlink bold">
{{ link_to('#', 'Add contact', array('data-bind'=>'click: $parent.addContact')) }} {{ link_to('#', 'Add contact +', array('data-bind'=>'click: $parent.addContact')) }}
</span> </span>
</div> </div>
</div> </div>

View File

@ -1,5 +1,4 @@
body { background: #fff !important; body { background: #f8f8f8 !important;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
} }
.bold { font-weight: 700; } .bold { font-weight: 700; }
@ -130,14 +129,18 @@ color: #333;
} }
/*modals*/ /*modals*/
.modal .container {
padding: 20px;
}
.modal-header { .modal-header {
border-bottom: 1px solid #dfe0e1; border-bottom: none;
background-color: #f8f8f8; background-color: #0b4d78;
padding: 20px;
color: #fff;
} }
.modal-footer { .modal-footer {
background-color: #f8f8f8; background-color: #f8f8f8;
border-top: 1px solid #dfe0e1; border-top: none;
} }
.modal thead { .modal thead {
background: #fff; background: #fff;
@ -145,10 +148,22 @@ color: #333;
} }
.modal .table>thead>tr>th { .modal .table>thead>tr>th {
border-bottom: 1px solid #dfe0e1 !important; padding-top: 30px; border-bottom: 1px solid #dfe0e1 !important; padding-top: 30px;
background: #fff !important;
color: #333 !important;
} }
.modal .table>thead>tr>th:first-child, .modal .table>thead>tr>th:last-child { .modal .table>thead>tr>th:first-child, .modal .table>thead>tr>th:last-child {
border-bottom: none !important; border-bottom: none !important;
} }
.modal .close {
color: #fff;
text-shadow: none;
opacity: .8;
filter: alpha(opacity=80);
}
.modal .close:hover {
opacity: 1;
filter: alpha(opacity=100);
}
/*buttons*/ /*buttons*/
.btn { font-weight: bold; .btn { font-weight: bold;
border-radius: 3px; border-radius: 3px;