craftingguide/website
1
0
Fork 0
Code Pull Requests Actions Activity

Make the mod version selector more clear

Browse Source 
This change the single select box into a checkbox which toggles the
mod on/off.  If the mod is "on" and it has multiple versions, then
a selection list will be shown with the various possible versions.
If there is only a single available version, then the selector is
not shown.
This commit is contained in:
Andrew Miner
2016-04-26 21:40:52 -07:00
parent 6787063ac7
commit 1d1772e961
3 changed files with 73 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/client/site/mod_page/mod_page.scss
+38 -2
View File
@@ -49,8 +49,44 @@
line-height: $font-size-medium * 1.25;
}
.modpack {
margin-top : $size-margin-large;
cursor : pointer;
font-family : $font-family-control;
font-size : $font-size-medium;
display : flex;
.checkbox {
display : inline-block;
height : $font-size-medium;
margin-right : $size-margin-small;
position : relative;
width : $font-size-medium;
background : $color-white;
border : $size-border-small solid $color-black;
}
.label {
color: $color-gray-medium;
}
&.enabled {
.checkbox:before {
position: absolute; top: 0; left: 1.5px; // adjust for glyph position
content: "✕";
}
.label {
color: $color-black;
}
}
}
.version {
margin-top: $size-margin-large;
margin-top: $size-margin-medium;
font-family: $font-family-control;
font-size: $font-size-medium;
@@ -91,4 +127,4 @@
@include layout-link-list;
}
}
}
}