Fix #552 -- Add icon to expansible panels (#560)

* Ref #552 -- Add icon to expansible panels

Offer informative feedback to user by showing icons to indicate
expansible panels.

* Fix wrongly removed JavaScript line
This commit is contained in:
Daniel
2017-07-17 18:29:47 +08:00
committed by Raphael Michel
parent 5a4fe266c6
commit 02786f4801
8 changed files with 81 additions and 27 deletions

View File

@@ -370,3 +370,28 @@ body.loading #wrapper {
.dl-horizontal dt {
white-space: normal;
}
.collapse-indicator {
-webkit-transition: all 150ms ease-in 0s;
transition: all 150ms ease-in 0s;
}
.panel-title a:not(.collapsed) .collapse-indicator {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.panel-title a[data-toggle="collapse"] {
display: flex;
padding: 10px 15px;
margin: -10px -15px;
align-items: center;
justify-content: space-between;
outline: 0;
text-decoration: none;
}
.panel-title a[data-toggle="collapse"]:hover {
background-color: #eeeeee;
}