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

Refactor mod version selector to a control

Browse Source
This commit is contained in:
Andrew Miner
2017-03-31 20:32:28 -07:00
parent ee6887e803
commit 3d9895a6d5
6 changed files with 200 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/client/site/mod_page/mod_page.scss
+2 -70
View File
@@ -1,5 +1,5 @@
//
// Crafting Guide - item_page.scss
// Crafting Guide - mod_page.scss
//
// Copyright © 2014-2016 by Redwood Labs
// All rights reserved.
@@ -49,76 +49,8 @@
line-height: $font-size-medium * 1.25;
}
.modpack {
.view__mod_version_selector {
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-medium;
font-family: $font-family-control;
font-size: $font-size-medium;
display: flex;
align-items: baseline;
span {
flex: 0 0 auto;
margin-right: $size-margin-medium;
}
select {
flex: 1 1 100%;
font-family: $font-family-control;
font-size: $font-size-medium;
}
}
.warning {
margin-top: $size-margin-medium;
color: $color-error;
font-family: $font-family-text;
font-size: $font-size-small;
line-height: $font-size-small * 1.25;
b {
font-weight: bold;
}
}
}