Mirroring/kaamelott-soundboard
1
0
Fork 0
mirror of https://github.com/2ec0b4/kaamelott-soundboard.git synced 2025-12-08 23:53:24 +00:00
Code Releases Activity

styling

Browse Source
This commit is contained in:
Thomas Graviou
2019-11-04 13:41:56 +01:00
parent aa163e62e1
commit e836219021
4 changed files with 58 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
css/style.css
View File

@@ -497,6 +497,10 @@ textarea {
input[type="text"] { input[type="text"] {
height: 34px; height: 34px;
} }
span {
display: flex;
justify-content: center;
}
.btn, .btn:hover, .btn:focus, .btn, .btn:hover, .btn:focus,
a.btn, a.btn:hover, a.btn:focus { a.btn, a.btn:hover, a.btn:focus {
background-color: #CB4D59; background-color: #CB4D59;
@@ -561,6 +565,50 @@ a.btn:active {
top:3px; top:3px;
border-bottom: 0; border-bottom: 0;
} }
.random, .random:hover, .random:focus,
a.random, a.random:hover, a.random:focus {
background-color: #18AE90;
background-image: none;
border: 0;
border-bottom: 3px solid #017F66;
border-radius: 0;
color: #FEFDFD;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 1.42857;
outline: none;
padding: 5px 20px;
position: relative;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
-moz-user-select: none;
-webkit-appearance: none;
}
.reset, .reset:hover, .reset:focus,
a.reset, a.reset:hover, a.reset:focus {
background-color: #CB4D59;
background-image: none;
border: 0;
border-bottom: 3px solid #8B121E;
border-radius: 0;
color: #FEFDFD;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 1.42857;
outline: none;
padding: 5px 20px;
position: relative;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
-moz-user-select: none;
-webkit-appearance: none;
}
/** /**
* GENERAL * GENERAL
* ----------------------------------------------------------------------------- * -----------------------------------------------------------------------------

4
js/app/templates/random.hbs
View File

@@ -1,2 +1,2 @@
<button id="random">Son aléatoire</button> <button id="random" class="random">🎲</button>
<button id="reset">reset</button> <button id="reset" class="reset">❌</button>

10
js/app/templates/soundboard.hbs
View File

@@ -1,10 +1,12 @@
<div id="filter"> <span>
<div id="filter">
</div> </div>
<div id="random"> <div id="random">
</div> </div>
</span>
<div id="list"> <div id="list">

2
js/app/views/sounds.js
View File

@@ -65,6 +65,8 @@ define("views/sounds", function(require) {
Radio.channel("Sounds").trigger("sound:play", args.model.getSlug()); Radio.channel("Sounds").trigger("sound:play", args.model.getSlug());
}, },
randomSound: function() { randomSound: function() {
this.stopPlayingSound();
this.filterCollection(""); this.filterCollection("");
var index = Math.floor(Math.random() * Math.floor(this.collection.length)); var index = Math.floor(Math.random() * Math.floor(this.collection.length));
var sound = this.collection.models[index]; var sound = this.collection.models[index];