CGM_Public/pretix_original
2
0
Fork 1
mirror of https://github.com/pretix/pretix.git synced 2026-05-05 15:14:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files

25
src/pretix/static/pretixcontrol/scss/main.scss
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;
}

2
src/pretix/static/pretixpresale/js/ui/main.js
View File

@@ -26,7 +26,7 @@ $(function () {
$(this).parent().parent().parent().find(".variations").slideToggle();
e.preventDefault();
});
$(".collapsed").removeClass("collapsed").addClass("collapse");
$("div.collapsed").removeClass("collapsed").addClass("collapse");
$("#voucher-box").hide();
$("#voucher-toggle").show();

28
src/pretix/static/pretixpresale/scss/main.scss
View File

@@ -176,3 +176,31 @@ body.loading .container {
.dl-horizontal dt {
white-space: normal;
}
.collapse-indicator {
-moz-transition: all 150ms ease-in 0s;
-webkit-transition: all 150ms ease-in 0s;
-o-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);
-moz-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;
}