Skip to content

Commit

Permalink
fix up bounty details summary
Browse files Browse the repository at this point in the history
  • Loading branch information
@thelostone-mc
thelostone-mc committed Oct 23, 2019
1 parent 1296fe6 commit ce5ae3f
Show file tree
Hide file tree
Showing 2 changed files with 54 additions and 83 deletions.
43 changes: 9 additions & 34 deletions app/assets/v2/css/bounty.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,10 +17,6 @@ body {
top: -1px;
}

#expires_date {
float: right;
}

#extended-expiration-date #extended-days {
border-bottom: 1px solid black;
}
Expand Down Expand Up @@ -177,51 +173,30 @@ body {
color: #000000;
}

#bounty-info-row {
margin-left: 1px;
}

.bounty-subheading {
font-weight: lighter;
font-size: 14px;
}

.bounty-info div {
display: inline-block;
margin-right: 15px;
font-weight: 500;
}

.bounty-info-heading {
color: #0D0764;
font-weight: 500;
}

.bounty-info-row-div {
width: 100%;
}

.bounty-info-row-div i {
position: absolute;
top: 4px;
}

.bounty-info-row-span-left {
float: left;
font-weight: 600;
text-transform: capitalize;
}

.bounty-info-row-span-right {
float: right;
.bounty-info i {
font-size: 11px;
top: -1px;
position: relative;
}

.bounty-info-text {
color: #717171;
}

@media (min-width: 1200px) {
.col-xl-4.bounty-info .bounty-info-row-div .bounty-info-text.bounty-info-row-span-right {
margin-right: 3.2em;
}
text-transform: capitalize;
}

.started-status-column div {
Expand Down Expand Up @@ -828,9 +803,9 @@ a.btn {
margin-bottom: 10px;
}

.bounty-info div {
/* .bounty-info div {
width: 100%;
}
} */

.loading .issue-url {
font-size: 1rem;
Expand Down
94 changes: 45 additions & 49 deletions app/dashboard/templates/bounty/details.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -85,57 +85,53 @@ <h4 id="title" class="font-title p-0 text-left"></h4>
<div class="col-12 text-center text-lg-left my-3 my-lg-0">
<div id="status" class="font-weight-semibold"></div>
</div>
<div id="bounty-info-row" class="row font-body">
<div class="col-12 col-sm-5 col-xl-3 bounty-info">
<div class="bounty-info-row-div">
<span class="bounty-info-heading timeleft bounty-info-row-span-left">{% trans "Time left" %} </span>
<span class="bounty-info-text bounty-info-row-span-right" id="expires_date"></span>
</div>
<div class="bounty-info-row-div">
<span class="bounty-info-heading bounty-info-row-span-left">{% trans "Opened" %} </span>
<span class="bounty-info-text bounty-info-row-span-right" id="web3_created"></span>
</div>
<div class="bounty-info-row-div">
<span class="bounty-info-heading bounty-info-row-span-left">{% trans "Issue Type" %} </span>
<span class="bounty-info-text bounty-info-row-span-right" id="bounty_type"></span>
</div>
<div class="bounty-info-row-div" id="auto_approve_workers_wrapper">
<span class="bounty-info-heading">{% trans "Workers Auto Approve" %} </span>
<span class="bounty-info-text bounty-info-row-span-right" id="admin_override_suspend_auto_approval"></span>
</div>
<div id="bounty-info-row" class="row font-body bounty-info mx-0">
<div class="col-12 col-sm-6 col-md-4">
<span class="bounty-info-heading timeleft">{% trans "Time left" %} </span>
<span class="bounty-info-text pr-sm-3 pr-md-5 float-right" id="expires_date"></span>
</div>
<div class="col-12 col-sm-5 offset-sm-1 col-xl-3 offset-xl-1 bounty-info">
<div class="bounty-info-row-div">
<span class="bounty-info-heading bounty-info-row-span-left mr-1" title='{% include "shared/project_type_tooltip.html" %}'>
{% trans "Project Type" %}
</span>
<i class="fas fa-info-circle" title='{% include "shared/project_type_tooltip.html" %}'></i>
<span class="bounty-info-text bounty-info-row-span-right" id="project_type" title='{% include "shared/project_type_tooltip.html" %}'>
</span>
</div>
<div class="bounty-info-row-div">
<span class="bounty-info-heading bounty-info-row-span-left">{% trans "Time Commitment" %}</span>
<span class="bounty-info-text bounty-info-row-span-right" id="project_length"></span>
</div>
<div class="bounty-info-row-div">
<span class="bounty-info-heading bounty-info-row-span-left">{% trans "Experience Level" %} </span>
<span class="bounty-info-text bounty-info-row-span-right" id="experience_level"></span>
</div>
<div class="col-12 col-sm-6 col-md-4">
<span class="bounty-info-heading">{% trans "Opened" %} </span>
<span class="bounty-info-text pr-sm-3 pr-md-5 float-right" id="web3_created"></span>
</div>
<div class="col-12 col-sm-5 col-xl-3 offset-xl-1 bounty-info">
<div class="bounty-info-row-div">
<span class="bounty-info-heading bounty-info-row-span-left mr-1" title='{% include "shared/permissions_type_tooltip.html" %}'>{% trans "Permissions" %}</span>
<i class="fas fa-info-circle" title='{% include "shared/permissions_type_tooltip.html" %}'></i>
<span class="bounty-info-text bounty-info-row-span-right" id="permission_type" title='{% include "shared/permissions_type_tooltip.html" %}'></span>
</div>
<div class="bounty-info-row-div" id="fulfillment_accepted_on_wrapper">
<span class="bounty-info-heading">{% trans "Accepted" %} </span>
<span class="bounty-info-text bounty-info-row-span-right" id="fulfillment_accepted_on"></span>
</div>
<div class="bounty-info-row-div">
<span class="bounty-info-heading" id="bounty_reserved_for_label">{% trans "Reserved For" %} </span>
<span class="bounty-info-text bounty-info-row-span-right" id="bounty_reserved_for"></span>
</div>
<div class="col-12 col-sm-6 col-md-4">
<span class="bounty-info-heading">{% trans "Issue Type" %} </span>
<span class="bounty-info-text pr-sm-3 pr-md-5 float-right" id="bounty_type"></span>
</div>

<div class="col-12 col-sm-6 col-md-4" id="auto_approve_workers_wrapper">
<span class="bounty-info-heading">{% trans "Workers Auto Approve" %} </span>
<span class="bounty-info-text pr-sm-3 pr-md-5 float-right" id="admin_override_suspend_auto_approval"></span>
</div>
<div class="col-12 col-sm-6 col-md-4">
<span class="bounty-info-heading mr-1" title='{% include "shared/project_type_tooltip.html" %}'>
{% trans "Project Type" %}
</span>
<i class="fas fa-info-circle" title='{% include "shared/project_type_tooltip.html" %}'></i>
<span class="bounty-info-text pr-sm-3 pr-md-5 float-right" id="project_type" title='{% include "shared/project_type_tooltip.html" %}'>
</span>
</div>

<div class="col-12 col-sm-6 col-md-4">
<span class="bounty-info-heading">{% trans "Time Commitment" %}</span>
<span class="bounty-info-text pr-sm-3 pr-md-5 float-right" id="project_length"></span>
</div>
<div class="col-12 col-sm-6 col-md-4">
<span class="bounty-info-heading">{% trans "Experience Level" %} </span>
<span class="bounty-info-text pr-sm-3 pr-md-5 float-right" id="experience_level"></span>
</div>
<div class="col-12 col-sm-6 col-md-4">
<span class="bounty-info-heading" title='{% include "shared/permissions_type_tooltip.html" %}'>{% trans "Permissions" %}</span>
<i class="fas fa-info-circle" title='{% include "shared/permissions_type_tooltip.html" %}'></i>
<span class="bounty-info-text pr-sm-3 pr-md-5 float-right" id="permission_type" title='{% include "shared/permissions_type_tooltip.html" %}'></span>
</div>
<div id="fulfillment_accepted_on_wrapper" class="col-12 col-sm-6 col-md-4">
<span class="bounty-info-heading">{% trans "Accepted" %} </span>
<span class="bounty-info-text pr-sm-3 pr-md-5 float-right" id="fulfillment_accepted_on"></span>
</div>
<div class="col-12 col-sm-6 col-md-4">
<span class="bounty-info-heading" id="bounty_reserved_for_label">{% trans "Reserved For" %} </span>
<span class="bounty-info-text pr-sm-3 pr-md-5 float-right" id="bounty_reserved_for"></span>
</div>
</div>
</div>
Expand Down

0 comments on commit ce5ae3f

Please sign in to comment.