Browse Source

Implemented css transitions for more info drawer and misc fixes

pull/160/head
Foley Lynn 8 years ago
parent
commit
5263fa9955
6 changed files with 147 additions and 114 deletions
  1. +1
    -1
      edivorce/apps/core/static/css/main.css
  2. +32
    -4
      edivorce/apps/core/static/css/main.scss
  3. +12
    -7
      edivorce/apps/core/static/js/main.js
  4. +1
    -1
      edivorce/apps/core/templates/base.html
  5. +100
    -100
      edivorce/apps/core/templates/question/01_orders.html
  6. +1
    -1
      edivorce/apps/core/templates/question/05_separation.html

+ 1
- 1
edivorce/apps/core/static/css/main.css
File diff suppressed because it is too large
View File


+ 32
- 4
edivorce/apps/core/static/css/main.scss View File

@ -92,11 +92,12 @@ h4 {
a {
color: $brand-links;
text-decoration: none;
transition: all 0.1s ease-in-out;
&:hover,
&:focus {
color: darken( $brand-links, 10% );
text-decoration: underline;
transition: color 0.1s ease;
transition: all 0.1s eease-in-out;
}
}
@ -176,13 +177,13 @@ a {
padding-left: 10px;
content: "\f077";
transform-origin: 65% 50%;
transition: transform 0.2s linear;
transition: all 0.1s ease-in-out;
}
&:hover,
&:focus {
color: darken( $brand-links, 10% );
border-bottom: solid 1px darken( $brand-links, 10% );
transition: all 0.1s ease;
transition: all 0.1s ease-in-out;
}
}
margin-bottom: 20px;
@ -224,8 +225,10 @@ i.fa.fa-question-circle {margin-left: 5px;}
background-color: $brand-buttons;
color: #ffffff;
margin-bottom: 12px;
transition: all 0.1s ease-in-out;
&:hover {
background-color: darken($brand-buttons, 20%);
transition: all 0.1s ease-in-out;
}
i.fa {
color: #ffffff;
@ -233,8 +236,10 @@ i.fa.fa-question-circle {margin-left: 5px;}
&.btn-success {
background-color: $color-green;
margin-left: 12px;
transition: all 0.1s ease-in-out;
&:hover {
background-color: darken($color-green, 20%);
transition: all 0.1s ease-in-out;
}
}
}
@ -251,6 +256,7 @@ i.fa.fa-question-circle {margin-left: 5px;}
height: 60px;
border-radius: 30px;
border: 3px solid $color-blue-lighter;
transition: all 0.1s ease-in-out;
}
.btn-radio:hover,
@ -261,6 +267,7 @@ i.fa.fa-question-circle {margin-left: 5px;}
color: #FFFFFF;
background-color: $brand-links;
border: 3px solid $brand-buttons;
transition: all 0.1s ease-in-out;
}
.btn-radio:active,
@ -286,6 +293,7 @@ fieldset[disabled] .btn-radio:active,
fieldset[disabled] .btn-radio.active {
background-color: $brand-buttons;
border-color: $brand-buttons;
transition: all 0.1s ease-in-out;
}
.btn-radio + .btn-radio {
@ -507,7 +515,7 @@ textarea {
flex: 100%;
background-color: $color-grey-lighter;
box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
padding: 45px 20px;
padding: 20px 45px;
font-size: 14px;
line-height: 21px;
order: 1;
@ -524,6 +532,7 @@ textarea {
}
@media (min-width: 992px) {
.more_information-column {
padding: 45px 20px;
order: 4;
flex: 0 0 306px;
}
@ -739,4 +748,23 @@ span.hard-stop {
}
}
.margin-right {
@media (min-width: 1px) and (max-width: 991px) {
margin-right: 0;
}
@media (min-width: 992px) {
transition: 300ms ease-out all;
margin-right: -306px;
}
}
.no-margin-right {
@media (min-width: 1px) and (max-width: 991px) {
margin-right: 0;
}
@media (min-width: 992px) {
transition: 300ms ease-out all;
margin-right: 0;
}
}

+ 12
- 7
edivorce/apps/core/static/js/main.js View File

@ -111,20 +111,25 @@ var date_picker = function () {
};
// Expand More Information boxes
var moreInfo = $(".more_information-column");
var moreInfoLink = $(".more_information-link a");
var contentColumn = $(".col-flex.content-column");
$(".more_information-link a").click(function () {
var moreInfo = $(".more_information-column");
if ($(moreInfo).hasClass("off-canvas")) {
$(moreInfo).removeClass("off-canvas");
$(moreInfo).addClass("on-canvas");
$(moreInfo).removeClass("off-canvas").addClass("on-canvas");
$(moreInfoLink).addClass("active");
$(contentColumn).removeClass("margin-right").addClass("no-margin-right");
} else {
$(moreInfo).removeClass("on-canvas");
$(moreInfo).addClass("off-canvas");
$(moreInfo).removeClass("on-canvas").addClass("off-canvas");
$(moreInfoLink).removeClass("active");
$(contentColumn).removeClass("no-margin-right").addClass("margin-right");
}
});
$("a.more_information-close").click(function () {
var moreInfo = $(".more_information-column");
$(moreInfo).removeClass("on-canvas");
$(moreInfo).addClass("off-canvas");
$(moreInfo).removeClass("on-canvas").addClass("off-canvas");
$(moreInfoLink).removeClass("active");
$(contentColumn).removeClass("no-margin-right").addClass("margin-right");
});
// Change border color on well when child has focus


+ 1
- 1
edivorce/apps/core/templates/base.html View File

@ -65,7 +65,7 @@
</div>
<div class="col-md-7">
<div class="more_information-link">
<a href="#"><i class="fa fa-info-circle" aria-hidden="true"></i>More Information</a>
<a href="#" class="active"><i class="fa fa-info-circle" aria-hidden="true"></i>More Information</a>
</div>
<div class="mid_banner-link">
<a href="#"><i class="fa fa-balance-scale" aria-hidden="true"></i>Legal Support</a>


+ 100
- 100
edivorce/apps/core/templates/question/01_orders.html View File

@ -7,119 +7,119 @@
{% block content %}
<h1><small>Step 1:</small>What are you asking for?</h1>
<h3>What are you asking for<span class="tooltip-link" data-toggle="tooltip" data-placement="right" data-html="true"
title="<b>Orders Definition</b><br /><br />A record of a decision made by a judge or master
<i class=&quot;fa fa-question-circle&quot; data-toggle=&quot;tooltip&quot; data-placement=&quot;right&quot; data-html=&quot;true&quot;
title=&quot;<b>Master Definition</b><br /><br />A judicial officer of the Supreme Court who can hear and decide certain applications, including interim applications for parenting or support orders.&quot; aria-hidden=&quot;true&quot;></i>
that tells you or your spouse what you must do (or not do). For example: The court has made an order that your spouse must pay you $250 on a monthly basis to help pay off your combined debt."> (Orders)
<i class="fa fa-question-circle" aria-hidden="true"></i></span>?</h3>
<p><em>With an undefended divorce (aka desk order), you do not need to appear in court. However a judge needs to review and approve what you are asking for. Orders allow you to tell the court what you want (for example parenting support and property division).</em></p>
<p><em>Please select what you are asking for. Later on you will be asked to provide details for each request.</em></p>
<div class="checkbox-group">
<div>
<div class="checkbox">
<label>
{% input_field type="checkbox" name="want_which_orders" value="A legal end to the marriage" %}<b>A legal end to the marriage</b>
</label>
</div>
<p>
Divorce is the end of a legal marriage. To get a divorce, you must go through a legal process and get a court order that says the marriage has ended.
</p>
<div class="collapse-trigger collapsed" data-toggle="collapse" aria-expanded="false" data-target="#collapse_common_law" aria-controls="collapse_common_law">
<div>
Are you in a common law relationship (legally know as a "marriage like relationship"?
<div class="question-well">
<h3>What are you asking for<span class="tooltip-link" data-toggle="tooltip" data-placement="right" data-html="true"
title="<b>Orders Definition</b><br /><br />A record of a decision made by a judge or master
<i class=&quot;fa fa-question-circle&quot; data-toggle=&quot;tooltip&quot; data-placement=&quot;right&quot; data-html=&quot;true&quot;
title=&quot;<b>Master Definition</b><br /><br />A judicial officer of the Supreme Court who can hear and decide certain applications, including interim applications for parenting or support orders.&quot; aria-hidden=&quot;true&quot;></i>
that tells you or your spouse what you must do (or not do). For example: The court has made an order that your spouse must pay you $250 on a monthly basis to help pay off your combined debt."> (Orders)
<i class="fa fa-question-circle" aria-hidden="true"></i></span>?</h3>
<p><em>With an undefended divorce (aka desk order), you do not need to appear in court. However a judge needs to review and approve what you are asking for. Orders allow you to tell the court what you want (for example parenting support and property division).</em></p>
<p><em>Please select what you are asking for. Later on you will be asked to provide details for each request.</em></p>
<div class="checkbox-group">
<div>
<div class="checkbox">
<label>
{% input_field type="checkbox" name="want_which_orders" value="A legal end to the marriage" %}<b>A legal end to the marriage</b>
</label>
</div>
</div>
<div class="collapse" id="collapse_common_law">
<div>
<p>A divorce is a court order, made under the Divorce Act, that ends a marriage. Only married spouses need to get a divorce to end their relationship; unmarried spouses and other unmarried couples do not need to divorce. Their relationships are over when they separate.
<a href="http://www.cbabc.org/For-the-Public/Dial-A-Law/Scripts/Family-Law/120" target="_blank">http://www.cbabc.org/For-the-Public/Dial-A-Law/Scripts/Family-Law/120</a>
</p>
<p>
So you do not need to ask for a legal end to the marriage (Divorce order). However, if you would like spousal support or property and debt issues addressed, you will need to ask for these orders.
</p>
<p>
Note that there are important time limits if you want to apply for spousal support and/or divide property, debt, or a pension.
</p>
<p>
If you were married, you must apply to divide property within two years after you get an order for divorce.
If you were living in a marriage-like relationship for at least two years, you must apply within two years of the date you separated.
</p>
<p>
For more information refer to the
<a href="http://www.familylaw.lss.bc.ca/resources/fact_sheets/spousal_support.php" target="_blank">Spousal Support</a> and
<a href="http://www.familylaw.lss.bc.ca/resources/fact_sheets/dividePropertyAndDebts.php" target="_blank">How to Divide Property and Debt</a> fact sheets on the Legal Services Society web site.
</p>
<p>
Divorce is the end of a legal marriage. To get a divorce, you must go through a legal process and get a court order that says the marriage has ended.
</p>
<div class="collapse-trigger collapsed" data-toggle="collapse" aria-expanded="false" data-target="#collapse_common_law" aria-controls="collapse_common_law">
<div>
Are you in a common law relationship (legally know as a "marriage like relationship"?
</div>
</div>
<div class="collapse" id="collapse_common_law">
<div>
<p>A divorce is a court order, made under the Divorce Act, that ends a marriage. Only married spouses need to get a divorce to end their relationship; unmarried spouses and other unmarried couples do not need to divorce. Their relationships are over when they separate.
<a href="http://www.cbabc.org/For-the-Public/Dial-A-Law/Scripts/Family-Law/120" target="_blank">http://www.cbabc.org/For-the-Public/Dial-A-Law/Scripts/Family-Law/120</a>
</p>
<p>
So you do not need to ask for a legal end to the marriage (Divorce order). However, if you would like spousal support or property and debt issues addressed, you will need to ask for these orders.
</p>
<p>
Note that there are important time limits if you want to apply for spousal support and/or divide property, debt, or a pension.
</p>
<p>
If you were married, you must apply to divide property within two years after you get an order for divorce.
If you were living in a marriage-like relationship for at least two years, you must apply within two years of the date you separated.
</p>
<p>
For more information refer to the
<a href="http://www.familylaw.lss.bc.ca/resources/fact_sheets/spousal_support.php" target="_blank">Spousal Support</a> and
<a href="http://www.familylaw.lss.bc.ca/resources/fact_sheets/dividePropertyAndDebts.php" target="_blank">How to Divide Property and Debt</a> fact sheets on the Legal Services Society web site.
</p>
</div>
</div>
</div>
</div>
<div><div class="checkbox"><label>{% input_field type="checkbox" name="want_which_orders" value="Spousal support" data_target_id="spouse_support_alert" data_reveal_target="true" %}<b>Spousal support</b></label></div>
<p><em>Payments to support you, not the children.</em></p>
<p><em>For more information, please see the fact sheet Spousal Support
<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="right" data-html="true"
title="<b>spousal support</b><br /><br />When a couple separates, one spouse may be eligible to
receive financial support from the other. This is called spousal support. Spousal support is separate
and distinct from child support. Unlike child support, spousal support is not a right in every case.
You are entitled to spousal support in certain situations." aria-hidden="true"></i>
by the Legal Services Society.
<a href="http://www.familylaw.lss.bc.ca/resources/fact_sheets/spousal_support.php" target="_blank">http://www.familylaw.lss.bc.ca/resources/fact_sheets/spousal_support.php</a></em></p>
<div class="information-message bg-danger" id="spouse_support_alert" hidden>
<p>If you and your spouse have already agreed on spousal support (which could be in the form of a separation agreement
<div><div class="checkbox"><label>{% input_field type="checkbox" name="want_which_orders" value="Spousal support" data_target_id="spouse_support_alert" data_reveal_target="true" %}<b>Spousal support</b></label></div>
<p><em>Payments to support you, not the children.</em></p>
<p><em>For more information, please see the fact sheet Spousal Support
<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="right" data-html="true"
title="<b>Separation agreement</b><br /><br /><p>A document that sets out how you and your spouse have agreed to deal with thing matters
like parenting support and property after you separate (Provincial family law calls it an agreement).
There's no official form to use for drafting up a separation agreement.</p>" aria-hidden="true"></i>
) then you do not need to ask for an Order for Spousal Support. However if you want the spousal support agreement to be enforceable (legally binding) you will need to select this option.</p>
<h2>Time limit to apply for court order </h2>
<p>If you were married, you must apply for spousal support under the
<a href="http://www2.gov.bc.ca/gov/content/life-events/divorce/family-justice/family-law/spousal-support" target="_blank">Family Law Act</a>
within two years after you get an order for divorce. If you are applying for spousal support under the Divorce Act, you do not have a time limit.</p>
title="<b>spousal support</b><br /><br />When a couple separates, one spouse may be eligible to
receive financial support from the other. This is called spousal support. Spousal support is separate
and distinct from child support. Unlike child support, spousal support is not a right in every case.
You are entitled to spousal support in certain situations." aria-hidden="true"></i>
by the
<a href="http://www.familylaw.lss.bc.ca/resources/fact_sheets/spousal_support.php" target="_blank">Legal Services Society</a></em>.</p>
<div class="information-message bg-danger" id="spouse_support_alert" hidden>
<p>If you and your spouse have already agreed on spousal support (which could be in the form of a separation agreement
<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="right" data-html="true"
title="<b>Separation agreement</b><br /><br /><p>A document that sets out how you and your spouse have agreed to deal with thing matters
like parenting support and property after you separate (Provincial family law calls it an agreement).
There's no official form to use for drafting up a separation agreement.</p>" aria-hidden="true"></i>
) then you do not need to ask for an Order for Spousal Support. However if you want the spousal support agreement to be enforceable (legally binding) you will need to select this option.</p>
<h2>Time limit to apply for court order </h2>
<p>If you were married, you must apply for spousal support under the
<a href="http://www2.gov.bc.ca/gov/content/life-events/divorce/family-justice/family-law/spousal-support" target="_blank">Family Law Act</a>
within two years after you get an order for divorce. If you are applying for spousal support under the Divorce Act, you do not have a time limit.</p>
<p>If you were unmarried, and you qualify for spousal support, you must apply within two years of the date you separated.</p>
<p>If you were unmarried, and you qualify for spousal support, you must apply within two years of the date you separated.</p>
</div>
</div>
</div>
<div><div class="checkbox"><label>{% input_field type="checkbox" name="want_which_orders" value="Division of property and debts" data_target_id="property_division_alert" data_reveal_target="true" %}<b>Division of property and debts</b></label></div>
<p><em>Anything you own including real estate, bank accounts, cars and RRSPs.</em></p>
<p><em>For more information, please refer to the following fact sheets on the Legal Services Society website:</em></p>
<ul>
<li><a href="http://www.familylaw.lss.bc.ca/resources/fact_sheets/dividePropertyAndDebts.php" target="_blank">How to Divide Property and Debts</a></li>
<li><a href="http://www.familylaw.lss.bc.ca/resources/fact_sheets/debtsAfterSeparation.php" target="_blank">Dealing with Debts After Separation</a></li>
</ul>
<div class="information-message bg-danger" id="property_division_alert" hidden>
<h2>Time limit to apply for court order </h2>
<p>If you were <b>married</b>, you must apply to divide property within two years after you get an order for divorce.</p>
<p>If you were living in a <b>marriage-like relationship</b> for at least two years, you must apply within two years of the date you separated.</p>
<!-- TODO Confirm exact section to show -->
{% if married_marriage_like == "Living together in a marriage like relationship" %}
<div>
<p>In order to be considered a spouse for the purpose of dividing property or debt you must have lived together in a marriage-like relationship for at least two years.</p>
</div>
{% endif %}
<div><div class="checkbox"><label>{% input_field type="checkbox" name="want_which_orders" value="Division of property and debts" data_target_id="property_division_alert" data_reveal_target="true" %}<b>Division of property and debts</b></label></div>
<p><em>Anything you own including real estate, bank accounts, cars and RRSPs.</em></p>
<p><em>For more information, please refer to the following fact sheets on the Legal Services Society website:</em></p>
<ul>
<li><a href="http://www.familylaw.lss.bc.ca/resources/fact_sheets/dividePropertyAndDebts.php" target="_blank">How to Divide Property and Debts</a></li>
<li><a href="http://www.familylaw.lss.bc.ca/resources/fact_sheets/debtsAfterSeparation.php" target="_blank">Dealing with Debts After Separation</a></li>
</ul>
<ul>
<li><a href="http://www.familylaw.lss.bc.ca/resources/fact_sheets/dividePropertyAndDebts.php" target="_blank">How to Divide Property and Debts</a></li>
<li><a href="http://www.familylaw.lss.bc.ca/resources/fact_sheets/debtsAfterSeparation.php" target="_blank">Dealing with Debts After Separation</a></li>
</ul>
<div class="information-message bg-danger" id="property_division_alert" hidden>
<h2>Time limit to apply for court order </h2>
<p>If you were <b>married</b>, you must apply to divide property within two years after you get an order for divorce.</p>
<p>If you were living in a <b>marriage-like relationship</b> for at least two years, you must apply within two years of the date you separated.</p>
<!-- TODO Confirm exact section to show -->
{% if married_marriage_like == "Living together in a marriage like relationship" %}
<div>
<p>In order to be considered a spouse for the purpose of dividing property or debt you must have lived together in a marriage-like relationship for at least two years.</p>
</div>
{% endif %}
<p><em>For more information, please refer to the following fact sheets on the Legal Services Society website:</em></p>
<ul>
<li><a href="http://www.familylaw.lss.bc.ca/resources/fact_sheets/dividePropertyAndDebts.php" target="_blank">How to Divide Property and Debts</a></li>
<li><a href="http://www.familylaw.lss.bc.ca/resources/fact_sheets/debtsAfterSeparation.php" target="_blank">Dealing with Debts After Separation</a></li>
</ul>
</div>
</div>
</div>
<div><div class="checkbox"><label>{% input_field type="checkbox" name="want_which_orders" value="Other orders" %}<b>Other orders</b></label></div>
<p><em>For example, a name change.</em></p>
</div>
<div><div class="checkbox"><label>{% input_field type="checkbox" name="want_which_orders" value="Child support" data_target_id="child_support_alert" data_reveal_target="true" %}<b>Child support (Out of scope)</b></label></div>
<div class="information-message bg-danger" id="child_support_alert" hidden>
<p>We've noticed that at this point in time you are not applying for spousal support and/or division of property, debt, or a pension. If you decide to request these items in the future there are some time limits.</p>
<h2>Division of Property and Debts</h2>
<p>If you were married, you must apply to divide property within two years after you get an order for divorce. If you were living in a marriage-like relationship for at least two years, you must apply within two years of the date you separated.</p>
<h2>Spousal Support</h2>
<p>If you were married, you must apply for spousal support under the Family Law Act within two years after you get an order for divorce. If you are applying for spousal support under the Divorce Act, you do not have a time limit.</p>
<p>If you were unmarried, and you qualify for spousal support, you must apply within two years of the date you separated.</p>
<div><div class="checkbox"><label>{% input_field type="checkbox" name="want_which_orders" value="Other orders" %}<b>Other orders</b></label></div>
<p><em>For example, a name change.</em></p>
</div>
<div><div class="checkbox"><label>{% input_field type="checkbox" name="want_which_orders" value="Child support" data_target_id="child_support_alert" data_reveal_target="true" %}<b>Child support (Out of scope)</b></label></div>
<div class="information-message bg-danger" id="child_support_alert" hidden>
<p>We've noticed that at this point in time you are not applying for spousal support and/or division of property, debt, or a pension. If you decide to request these items in the future there are some time limits.</p>
<h2>Division of Property and Debts</h2>
<p>If you were married, you must apply to divide property within two years after you get an order for divorce. If you were living in a marriage-like relationship for at least two years, you must apply within two years of the date you separated.</p>
<h2>Spousal Support</h2>
<p>If you were married, you must apply for spousal support under the Family Law Act within two years after you get an order for divorce. If you are applying for spousal support under the Divorce Act, you do not have a time limit.</p>
<p>If you were unmarried, and you qualify for spousal support, you must apply within two years of the date you separated.</p>
</div>
</div>
</div>
</div>
{% endblock %}
{% block formBack %}{% url 'overview' %}{% endblock %}


+ 1
- 1
edivorce/apps/core/templates/question/05_separation.html View File

@ -93,6 +93,6 @@
</p>
</div>
<div>
<a href="http://bcfamilylawresource.blogspot.ca/2010/12/ins-and-outs-of-separation-part-iv.html" target="_blank">http://bcfamilylawresource.blogspot.ca/2010/12/ins-and-outs-of-separation-part-iv.html</a>
<a href="http://bcfamilylawresource.blogspot.ca/2010/12/ins-and-outs-of-separation-part-iv.html" target="_blank">More information on this topic</a>
</div>
{% endblock %}

Loading…
Cancel
Save