Commit ec09f160 authored by Claudio Valerio's avatar Claudio Valerio

widget resized to avoid scrollbars, and some wording

parent 553c99df
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
id="http://www.njin.fr/sankore/apps/memory" id="http://www.njin.fr/sankore/apps/memory"
version="1.0" version="1.0"
width="820" width="820"
height="575" height="670"
ub:resizable="true"> ub:resizable="true">
<name>Memory</name> <name>Memory</name>
......
...@@ -40,6 +40,11 @@ ...@@ -40,6 +40,11 @@
border-radius: 8px; border-radius: 8px;
} }
.front{
height: 100%;
}
.front .card { .front .card {
background: url("images/pile-bg.png") center no-repeat, url("images/mark.png") center no-repeat; background: url("images/pile-bg.png") center no-repeat, url("images/mark.png") center no-repeat;
} }
...@@ -125,6 +130,7 @@ ...@@ -125,6 +130,7 @@
} }
.card .picture > div img { .card .picture > div img {
max-width: 100%; max-width: 100%;
max-height: 100%;
vertical-align: middle; vertical-align: middle;
} }
...@@ -159,10 +165,10 @@ ...@@ -159,10 +165,10 @@
margin-top: -35px; margin-top: -35px;
display: none; display: none;
color: #FFF; color: #FFF;
} } /*here!!!!!!!!!*/
.onEdit .card-container .actions { .onEdit .card-container .actions {
display: block; display: none;
} }
.actions button[role="flip"] { .actions button[role="flip"] {
...@@ -177,7 +183,7 @@ ...@@ -177,7 +183,7 @@
} }
.card-container { .card-container {
-webkit-perspective: 600px; /*-webkit-perspective: 600px;*/
position: relative; position: relative;
width: 180px; width: 180px;
height: 180px; height: 180px;
...@@ -191,20 +197,20 @@ ...@@ -191,20 +197,20 @@
position: relative; position: relative;
width:100%; width:100%;
height: 100%; height: 100%;
overflow: hidden;
} }
.cards > div { .cards > div {
position: absolute; float: left;
} }
.csstransforms3d .cards > div { .csstransforms3d .cards > div {
-webkit-transform-style: preserve-3d;
-webkit-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;
-webkit-backface-visibility: hidden; /*-webkit-backface-visibility: hidden;*/
} }
.csstransforms3d .cards > div:first-child { .csstransforms3d .cards > div:first-child {
-webkit-transform: rotateY( 0deg ); /*-webkit-transform: rotateY( 0deg );*/
} }
.no-csstransforms3d .cards > div:first-child { .no-csstransforms3d .cards > div:first-child {
...@@ -212,7 +218,7 @@ ...@@ -212,7 +218,7 @@
} }
.csstransforms3d .cards > div:last-child { .csstransforms3d .cards > div:last-child {
-webkit-transform: rotateY( -180deg ); /* -webkit-transform: rotateY( -180deg );*/
} }
.no-csstransforms3d .cards > div:last-child { .no-csstransforms3d .cards > div:last-child {
...@@ -220,7 +226,10 @@ ...@@ -220,7 +226,10 @@
} }
.csstransforms3d .cards.flip > div:first-child { .csstransforms3d .cards.flip > div:first-child {
-webkit-transform: rotateY( 180deg ); height: 0;
-webkit-transition-property: height;
-webkit-transition-duration: 0.5s;
/*transition-timing-function: ease;*/
} }
.no-csstransforms3d .cards.flip > div:first-child { .no-csstransforms3d .cards.flip > div:first-child {
...@@ -228,7 +237,8 @@ ...@@ -228,7 +237,8 @@
} }
.csstransforms3d .cards.flip > div:last-child { .csstransforms3d .cards.flip > div:last-child {
-webkit-transform: rotateY( 0deg ); /*-webkit-transform: rotateY( 0deg );*/
} }
.no-csstransforms3d .cards.flip > div:last-child { .no-csstransforms3d .cards.flip > div:last-child {
......
fr.njin.i18n.document.title = Memory fr.njin.i18n.document.title = Memory
fr.njin.i18n.toolbar.edit = Display fr.njin.i18n.toolbar.edit = Edit
fr.njin.i18n.toolbar.view = Close fr.njin.i18n.toolbar.view = Display
fr.njin.i18n.toolbar.reload = Reload fr.njin.i18n.toolbar.reload = Reload
fr.njin.i18n.toolbar.help = Help fr.njin.i18n.toolbar.help = Help
......
...@@ -5,7 +5,7 @@ fr.njin.i18n.toolbar.view = Afficher ...@@ -5,7 +5,7 @@ fr.njin.i18n.toolbar.view = Afficher
fr.njin.i18n.toolbar.reload = Recharger fr.njin.i18n.toolbar.reload = Recharger
fr.njin.i18n.toolbar.help = Aide fr.njin.i18n.toolbar.help = Aide
fr.njin.i18n.parameters.label.themes = Thèmes fr.njin.i18n.parameters.label.themes = Thème
fr.njin.i18n.parameters.label.slate.themes = ardoise fr.njin.i18n.parameters.label.slate.themes = ardoise
fr.njin.i18n.parameters.label.pad.themes = tablette fr.njin.i18n.parameters.label.pad.themes = tablette
fr.njin.i18n.parameters.label.none.themes = aucun fr.njin.i18n.parameters.label.none.themes = aucun
......
...@@ -12,5 +12,5 @@ ...@@ -12,5 +12,5 @@
<li>éditer directement une carte.</li> <li>éditer directement une carte.</li>
</ul> </ul>
<p>Les cartes possèdent par défaut un champ texte. Pour insérer du texte, cliquez sur cette dernière et saisissez le texte désiré. Pour ajouter une image depuis votre bibliothèque, cochez la case “utiliser une image” et utilisez le glisser-déposer. Il faut au préalable retourner la carte avec le bouton bleu.</p> <p>Les cartes possèdent par défaut un champ texte. Pour insérer du texte, cliquez sur cette dernière et saisissez le texte désiré. Pour ajouter une image depuis votre bibliothèque, cochez la case “utiliser une image” et utilisez le glisser-déposer. Il faut au préalable retourner la carte avec le bouton bleu.</p>
<p>Attention, la paire de cartes doit être disposée en colonne lors de l'édition.</p>
<p>Les cartes sont disposées de manière aléatoire dans le mode jeu.</p> <p>Les cartes sont disposées de manière aléatoire dans le mode jeu.</p>
<p>L’App est capable d’identifier les écritures mathématiques équivalentes (signes autorisés : “+”, “*”, “-”, “/” et les parenthèses).</p>
\ No newline at end of file
...@@ -133,7 +133,10 @@ var Parameters = (function(){ ...@@ -133,7 +133,10 @@ var Parameters = (function(){
else { else {
log("Set parameter value ["+value+"] for key : ["+key+"]"); log("Set parameter value ["+value+"] for key : ["+key+"]");
this.delegate.setPreference(key, value); this.delegate.setPreference(key, value);
this.container.trigger("preferenceChange", {key: key, value: value}); this.container.trigger("preferenceChange", {
key: key,
value: value
});
} }
} }
} }
......
...@@ -87,7 +87,7 @@ function onTemplateLoadedCallback() { ...@@ -87,7 +87,7 @@ function onTemplateLoadedCallback() {
$(select).append(option); $(select).append(option);
} }
}); });
/* /*
$("#timeoutValue").text($("input[name=timeout]").val()); $("#timeoutValue").text($("input[name=timeout]").val());
$("input[name=timeout]").change(function(){ $("input[name=timeout]").change(function(){
$("#timeoutValue").text($(this).val()); $("#timeoutValue").text($(this).val());
...@@ -237,5 +237,8 @@ $(document).ready(function(){ ...@@ -237,5 +237,8 @@ $(document).ready(function(){
onEdit: reloadApp, onEdit: reloadApp,
onView: reloadApp onView: reloadApp
}; };
init(reloadCallback, {toolbar: toolbarTemplate, parameters: parametersTemplate}, callbacks); init(reloadCallback, {
toolbar: toolbarTemplate,
parameters: parametersTemplate
}, callbacks);
}); });
\ No newline at end of file
...@@ -3,8 +3,8 @@ ...@@ -3,8 +3,8 @@
xmlns:ub="http://uniboard.mnemis.com/widgets" xmlns:ub="http://uniboard.mnemis.com/widgets"
id="http://www.njin.fr/sankore/apps/tableur" id="http://www.njin.fr/sankore/apps/tableur"
version="1.0" version="1.0"
width="972" width="1050"
height="400" height="560"
ub:resizable="true"> ub:resizable="true">
<name>La boite à transformation</name> <name>La boite à transformation</name>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment