Add toggle button to tournaments

This commit is contained in:
小太
2013-12-22 08:36:49 +11:00
parent 40d68bb406
commit 4b056b7416
2 changed files with 16 additions and 1 deletions

View File

@@ -83,7 +83,10 @@
this.$wrapper = $wrapper;
$wrapper.html(
'<div class="tournament-title"><span class="tournament-format"></span> <span class="tournament-generator"></span> Tournament</div>' +
'<div class="tournament-title">' +
'<span class="tournament-format"></span> <span class="tournament-generator"></span> Tournament' +
'<div class="tournament-toggle">Toggle</div>' +
'</div>' +
'<div class="tournament-box">' +
'<div class="tournament-bracket"></div>' +
'<div class="tournament-tools">' +

View File

@@ -987,6 +987,17 @@ a.ilink:hover {
font-weight: bold;
cursor: pointer;
}
.tournament-toggle {
position: absolute;
right: 0;
top: 0;
padding: 0 0.5em;
font-weight: normal;
font-size: 80%;
background-color: rgba(242, 247, 250, 0.85);
border-left: 1px #aaa solid;
border-right: 1px #aaa solid;
}
.tournament-box {
position: absolute;
@@ -996,6 +1007,7 @@ a.ilink:hover {
z-index: 1;
line-height: 1em;
border-bottom: 1px #aaa solid;
border-right: 1px #aaa solid;
background-color: rgba(242, 247, 250, 0.85);
max-height: 0;
overflow: hidden;