projects
/
vchess.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
A few small fixes + add Monster variant
[vchess.git]
/
client
/
src
/
views
/
Rules.vue
diff --git
a/client/src/views/Rules.vue
b/client/src/views/Rules.vue
index
844457d
..
127d1db
100644
(file)
--- a/
client/src/views/Rules.vue
+++ b/
client/src/views/Rules.vue
@@
-26,6
+26,7
@@
main
| {{ st.tr["Analysis mode"] }}
.row
.col-sm-12.col-md-8.col-md-offset-2.col-lg-6.col-lg-offset-3
| {{ st.tr["Analysis mode"] }}
.row
.col-sm-12.col-md-8.col-md-offset-2.col-lg-6.col-lg-offset-3
+ h4#variantName {{ gameInfo.vname }}
div(
v-show="display=='rules'"
v-html="content"
div(
v-show="display=='rules'"
v-html="content"
@@
-72,7
+73,7
@@
export default {
},
computed: {
showAnalyzeBtn: function() {
},
computed: {
showAnalyzeBtn: function() {
- return this.V && this.V.CanAnalyze;
+ return
!!
this.V && this.V.CanAnalyze;
},
content: function() {
if (!this.gameInfo.vname) return ""; //variant not set yet
},
content: function() {
if (!this.gameInfo.vname) return ""; //variant not set yet
@@
-114,7
+115,7
@@
export default {
re_setVariant: async function(vname) {
await import("@/variants/" + vname + ".js")
.then((vModule) => {
re_setVariant: async function(vname) {
await import("@/variants/" + vname + ".js")
.then((vModule) => {
- this.V = window.V = vModule
.VariantRules
;
+ this.V = window.V = vModule
[vname + "Rules"]
;
this.gameInfo.vname = vname;
})
.catch((err) => {
this.gameInfo.vname = vname;
})
.catch((err) => {
@@
-169,6
+170,10
@@
export default {
background-color: lightgrey
font-weight: bold
background-color: lightgrey
font-weight: bold
+h4#variantName
+ text-align: center
+ font-weight: bold
+
figure.diagram-container
margin: 15px 0 15px 0
text-align: center
figure.diagram-container
margin: 15px 0 15px 0
text-align: center
@@
-176,12
+181,13
@@
figure.diagram-container
display: block
.diagram
display: block
display: block
.diagram
display: block
- width:
4
0%
+ width:
5
0%
min-width: 240px
margin-left: auto
margin-right: auto
.diag12
float: left
min-width: 240px
margin-left: auto
margin-right: auto
.diag12
float: left
+ width: 40%
margin-left: calc(10% - 20px)
margin-right: 40px
@media screen and (max-width: 630px)
margin-left: calc(10% - 20px)
margin-right: 40px
@media screen and (max-width: 630px)
@@
-189,6
+195,7
@@
figure.diagram-container
margin: 0 auto 10px auto
.diag22
float: left
margin: 0 auto 10px auto
.diag22
float: left
+ width: 40%
margin-right: calc(10% - 20px)
@media screen and (max-width: 630px)
float: none
margin-right: calc(10% - 20px)
@media screen and (max-width: 630px)
float: none
@@
-233,4
+240,14
@@
ul:not(.browser-default)
ul:not(.browser-default) > li
list-style-type: disc
ul:not(.browser-default) > li
list-style-type: disc
+
+table
+ margin: 15px auto
+
+.italic
+ font-style: italic
+
+img.img-center
+ display: block
+ margin: 0 auto 15px auto
</style>
</style>