mirror/devicon
1
0
Fork 0
mirror of https://github.com/konpa/devicon.git synced 2025-08-26 15:55:10 +02:00
Code Issues Releases Wiki Activity

Add checkerboard functionality

Browse Source
This commit is contained in:
Thomas Bui
2021-12-21 20:49:32 -08:00
parent 5ddbd262b9
commit be344b424c
4 changed files with 32 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/index.html
View File

@@ -72,7 +72,7 @@
Background Color
</div>
<div>
<input type='checkbox' id='checkboardInput' class='checkerboardInput'>
<input type='checkbox' class='checkerboardInput' ng-model="fontDisplayCheckerboard">
<label for='checkboardInput' >Checkerboard</label>
</div>
<button class='colorPickerResetBtn' ng-click="fontBackground = DEFAULT_BACKGROUND">Reset</button>
@@ -93,9 +93,11 @@
<ul class="icons-list">
<div ng-repeat="fontVersion in selectedIcon.font">
<li ng-click="selectFont(fontVersion, false, $index)" ng-class="{'selected-version' : ($index == selectedFontIndex && !colored)}" ng-style="{'background-color': fontBackground}">
<img src="assets/img/checkerboard.png" ng-style="{'visibility': fontDisplayCheckerboard ? 'visible' : 'hidden'}">
<i class="devicon-{{selectedIcon.name}}-{{fontVersion}}"></i>
</li>
<li ng-click="selectFont(fontVersion, true, $index)" ng-class="{'selected-version' : ($index == selectedFontIndex && colored)}" ng-style="{'background-color': fontBackground}">
<img src="assets/img/checkerboard.png" ng-style="{'visibility': fontDisplayCheckerboard ? 'visible' : 'hidden'}">
<i class="devicon-{{selectedIcon.name}}-{{fontVersion}} colored"></i>
</li>
</div>