add buttons to move slots

build css
This commit is contained in:
2024-05-29 16:47:22 -05:00
parent 149f0a411b
commit b0de3fb221
5 changed files with 32 additions and 3 deletions

View File

@@ -7095,12 +7095,20 @@ li .availability-status-code- {
div.event-lineup .lineup-segment:has(input.Toggle-input:not(:checked)).out .Panel-cell:has(.SelectBox),
div.event-lineup .lineup-segment:has(input.Toggle-input:not(:checked)).out .Panel-cell:has(.drag-handle),
div.event-lineup .lineup-segment:has(input.Toggle-input:not(:checked)).out button:has(+ .position-label-flags) {
div.event-lineup .lineup-segment:has(input.Toggle-input:not(:checked)).out button:has(+ .position-label-flags),
div.event-lineup .lineup-segment:has(input.Toggle-input:not(:checked)).out button.addToStarting,
div.event-lineup .lineup-segment:has(input.Toggle-input:not(:checked)).out button.addToBench {
display: none;
}
div.event-lineup .lineup-segment.bench .Panel-cell:has(.sequence), div.event-lineup .lineup-segment.position-only .Panel-cell:has(.sequence), div.event-lineup .lineup-segment.out .Panel-cell:has(.sequence) {
display: none;
}
div.event-lineup .lineup-segment.bench.bench button.addToBench, div.event-lineup .lineup-segment.position-only.bench button.addToBench, div.event-lineup .lineup-segment.out.bench button.addToBench {
display: none;
}
div.event-lineup .lineup-segment.starting button.addToStarting, div.event-lineup .lineup-segment.position-only button.addToStarting {
display: none;
}
.Tooltip:after {
padding: 2px !important;

File diff suppressed because one or more lines are too long

View File

@@ -296,6 +296,8 @@ div.event-lineup {
.Panel-cell:has(.SelectBox),
.Panel-cell:has(.drag-handle),
button:has(+.position-label-flags),
button.addToStarting,
button.addToBench
{
display: none;
}
@@ -305,6 +307,12 @@ div.event-lineup {
.Panel-cell:has(.sequence) {
display: none;
}
&.bench button.addToBench {
display: none;
}
}
&.starting button.addToStarting, &.position-only button.addToStarting {
display: none;
}
}
}

View File

@@ -62,6 +62,12 @@
</span>
</div>
<div class="u-flexGrow1"></div>
<button type="button" class="Button Button--smallSquare addToBench" onclick="moveToLineupSegment(this, 'bench');this.blur()">
{{{embeddedSvgFromPath "/teamsnap-ui/assets/icons/dismiss.svg"}}}
</button>
<button type="button" class="Button Button--smallSquare addToStarting" onclick="moveToLineupSegment(this, 'starting');this.blur()">
{{{embeddedSvgFromPath "/teamsnap-ui/assets/icons/plus.svg"}}}
</button>
<div class="Popup">
<button type="button" class="Popup-toggle Button Button--smallSquare" onclick="this.closest('div').querySelector('.Popup-container').classList.toggle('is-open');this.blur();" href="javascript:void(0)">
{{{embeddedSvgFromPath "/bootstrap-icons/three-dots.svg"}}}

View File

@@ -12,7 +12,14 @@
Cancel
</button>
<button class="Button Button--primary" role="button" type="button" data-confirm="yes">
Yes
<span class="hideOnLoading">Yes</span>
<span id="success-icon" class="u-hidden showOnSuccess">{{{embeddedSvgFromPath "/teamsnap-ui/assets/icons/check.svg"}}}</span>
<span id="failure-icon" class="u-hidden showOnFailure">{{{embeddedSvgFromPath "/teamsnap-ui/assets/icons/dismiss.svg"}}}</span>
<span class="PulseAnimation showOnLoading u-hidden">
<span class="PulseAnimation-dot"></span>
<span class="PulseAnimation-dot"></span>
<span class="PulseAnimation-dot"></span>
</span>
</button>
</div>
</div>