xevion/trivia
1
0
Fork 0
mirror of https://github.com/Xevion/trivia.git synced 2025-12-13 22:13:18 -06:00
Code Issues Packages Projects Releases Wiki Activity

fixed table padding and duplicate css, fixed toggle button and simplified click area

Browse Source
This commit is contained in:
Xevion
2020-06-26 09:29:22 -05:00
parent 89b3acf5ab
commit f1efa9158f
3 changed files with 15 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
trivia/static/script.js
View File

@@ -51,11 +51,8 @@ function ToggleAutorefresh() {
// Client Initialization // Client Initialization
$().ready(function () { $().ready(function () {
// Setup all click functions // Setup all click functions
$(".js-scroll-row-start").on("click", ToggleAutoscroll); $(".js-scroll-row").on("click", ToggleAutoscroll);
$(".js-scroll-row-stop").on("click", ToggleAutoscroll); $(".js-refresh").on("click", ToggleAutorefresh);
$(".js-refresh-start").on("click", ToggleAutorefresh);
$(".js-refresh-stop").on("click", ToggleAutorefresh).addClass("pointer");
ToggleAutoscroll() ToggleAutoscroll()
ToggleAutorefresh() ToggleAutorefresh()

24
trivia/static/style.css
View File

@@ -13,7 +13,7 @@ body { font-family: Calibri, Arial, sans-serif; margin: 0; padding: 0; position:
tr[data-row-index="0"] td { border-top: 0.25em solid #000; } tr[data-row-index="0"] td { border-top: 0.25em solid #000; }
.ui-header { background-color: #b51329; border-bottom: 2px solid #27233a; color: #fff; padding: 0.5em 1em; } .ui-header { background-color: #b51329; border-bottom: 2px solid #27233a; color: #fff; padding: 0.5em 1em; }
.ui-content { padding: 0.5em 1em; } /*.ui-content { padding: 0.5em 1em; }*/
.ui-footer { } .ui-footer { }
.center { text-align: center; } .center { text-align: center; }
@@ -36,25 +36,3 @@ tr[data-row-index="0"] td { border-top: 0.25em solid #000; }
.table-striped > tbody > tr.has-warning:nth-child(odd) { background-color: #faf2cc; border-color: #f8e5be; } .table-striped > tbody > tr.has-warning:nth-child(odd) { background-color: #faf2cc; border-color: #f8e5be; }
.table-hover > tbody > tr:hover { background-color: #e0e0e0; } /* hover needs to come after striped so that striped rows have hover */ .table-hover > tbody > tr:hover { background-color: #e0e0e0; } /* hover needs to come after striped so that striped rows have hover */
.table-hover > tbody > tr.has-warning:hover, .table-hover > tbody > tr.has-warning-hover:hover { background-color: #f8edb5; border-color: #f6e79d; } .table-hover > tbody > tr.has-warning:hover, .table-hover > tbody > tr.has-warning-hover:hover { background-color: #f8edb5; border-color: #f6e79d; }
.ui-header {
background-color: #b51329;
border-bottom: 2px solid #27233a;
color: #fff;
padding: 0.5em 1em;
}
.controls {
float: right;
font-size: 80%;
padding-top: 0.25em;
}
.ui-content {
padding: 0.5em 1em;
}
.small-no-wrap {
white-space: nowrap;
width: 1%;
}

8
trivia/templates/index.html
View File

@@ -16,15 +16,19 @@
EfTA Trivia Night EfTA Trivia Night
</span> </span>
<span class="controls pointer"> <span class="controls pointer">
<span class="js-scroll-row">Scroll</span> <span class="js-scroll-row">
Scroll
<span class="js-scroll-row-start">Start</span> <span class="js-scroll-row-start">Start</span>
<span class="js-scroll-row-stop">Stop</span> <span class="js-scroll-row-stop">Stop</span>
</span>
| |
<span class="js-refresh">Refresh</span> <span class="js-refresh">
Refresh
<span class="js-refresh-start">Start</span> <span class="js-refresh-start">Start</span>
<span class="js-refresh-stop">Stop</span> <span class="js-refresh-stop">Stop</span>
<span class="js-refresh-count"></span> <span class="js-refresh-count"></span>
</span> </span>
</span>
</header> </header>
<div class="ui-content"> <div class="ui-content">
<table class="table table-hover table-striped"> <table class="table table-hover table-striped">