Skip to content
Permalink
Browse files

fa-chevron for collapse-btn

  • Loading branch information...
4ch1m committed Sep 27, 2018
1 parent 4d9bb49 commit 47c4c25ee2b17d33536f086d97f6ae92ae8ceb4a
Showing with 12 additions and 10 deletions.
  1. +4 −8 app/css/bootstrap_custom.css
  2. +4 −1 app/hbs/groups.hbs
  3. +4 −1 app/hbs/lights.hbs
@@ -11,16 +11,12 @@
transform: rotate(90deg);
}

.collapse-btn.btn:after {
font-family: 'Font Awesome 5 Free';
content: '\f107';
float: right;
margin-left: 15px;
font-weight: 900;
.collapse-btn .fa {
transition: .3s transform ease-in-out;
}

.collapse-btn.btn.collapsed:after {
content: '\f105';
.collapse-btn.collapsed .fa {
transform: rotate(90deg);
}

modal-header-success {
@@ -65,7 +65,10 @@
<br>

<!-- Details -->
<button id="details-button-group-{{id}}" class="collapse-btn btn btn-md btn-block btn-info collapsed mb-2" data-toggle="collapse" data-target="#details-group-{{id}}"><span class="fas fa-info-circle"></span>&nbsp;&nbsp;&nbsp;{{I18n 'groups-details'}}</button>
<button id="details-button-group-{{id}}" class="collapse-btn btn btn-md btn-block btn-info collapsed mb-2" data-toggle="collapse" data-target="#details-group-{{id}}">
<span class="fas fa-info-circle"></span>&nbsp;&nbsp;&nbsp;{{I18n 'groups-details'}}
<i class="fa fa-chevron-down pull-right"></i>
</button>

<!-- Details Expanded -->
<div id="details-group-{{id}}" class="collapse">
@@ -52,7 +52,10 @@
<br>

<!-- Details -->
<button id="details-button-light-{{id}}" class="collapse-btn btn btn-md btn-block btn-info collapsed mb-2" data-toggle="collapse" data-target="#details-light-{{id}}"><span class="fas fa-info-circle"></span>&nbsp;&nbsp;&nbsp;{{I18n 'lights-details'}}</button>
<button id="details-button-light-{{id}}" class="collapse-btn btn btn-md btn-block btn-info collapsed mb-2" data-toggle="collapse" data-target="#details-light-{{id}}">
<span class="fas fa-info-circle"></span>&nbsp;&nbsp;&nbsp;{{I18n 'lights-details'}}
<i class="fa fa-chevron-down pull-right"></i>
</button>

<!-- Details Expanded -->
<div id="details-light-{{id}}" class="collapse">

0 comments on commit 47c4c25

Please sign in to comment.
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.