diff --git a/Lieb/Pages/GuildWars2/BuildList.razor b/Lieb/Pages/GuildWars2/BuildList.razor index 3723704..9ecf525 100644 --- a/Lieb/Pages/GuildWars2/BuildList.razor +++ b/Lieb/Pages/GuildWars2/BuildList.razor @@ -66,8 +66,22 @@ @if (_account != null) { - - + if(_allowEdit) + { + + + } + else + { + + + + + + + + + } } @@ -84,15 +98,42 @@ @build.Class.ToString() @build.EliteSpecialization.ToString() - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @if(string.IsNullOrEmpty(build.SourceLink)) { @build.Source diff --git a/Lieb/Pages/GuildWars2/BuildList.razor.css b/Lieb/Pages/GuildWars2/BuildList.razor.css index 5a9d4c6..5064aa0 100644 --- a/Lieb/Pages/GuildWars2/BuildList.razor.css +++ b/Lieb/Pages/GuildWars2/BuildList.razor.css @@ -21,3 +21,49 @@ padding-left: 8px; padding-right: 8px; } + +/*checkboxes*/ +label { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +input[type=checkbox].css-checkbox { + position: absolute; + overflow: hidden; + clip: rect(0 0 0 0); + height:1px; + width:1px; + margin:-1px; + padding:0; + border:0; +} + +input[type=checkbox].css-checkbox + label.css-label { + padding-left:23px; + height:17px; + display:inline-block; + line-height:17px; + background-repeat:no-repeat; + background-position: 0 0; + background-size: 17px; + font-size:17px; + vertical-align:middle; + cursor:pointer; +} + +input[type=checkbox].css-checkbox:checked + label.css-label { + background-position: 0 -17px; +} + +.css-label{ + background-image:url(dark-check-green.png); +} + + +.dark-check-green{background-image:url(dark-check-green.png);} + diff --git a/Lieb/wwwroot/dark-check-green.png b/Lieb/wwwroot/dark-check-green.png new file mode 100644 index 0000000..8f411c0 Binary files /dev/null and b/Lieb/wwwroot/dark-check-green.png differ