mirror/devicon
1
0
Fork 0
mirror of https://github.com/konpa/devicon.git synced 2025-08-13 18:14:21 +02:00
Code Issues Releases Wiki Activity

Add color reset functionality

Browse Source
This commit is contained in:
Thomas Bui
2021-12-21 19:43:59 -08:00
parent 50e8a9c9cf
commit 5ddbd262b9
3 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/assets/css/style.css
View File

@@ -354,13 +354,13 @@ header {
cursor: pointer; cursor: pointer;
} }
#colorInput { input[type='color'] {
width: 1.25em; width: 1.25em;
height: 1.25em; height: 1.25em;
padding: 0; padding: 0;
} }
#colorInput:hover { input[type='color']:hover {
cursor: pointer; cursor: pointer;
} }

11
docs/assets/js/script.js
View File

@@ -1,5 +1,5 @@
var devicon = angular.module('devicon', ['ngSanitize', 'ngAnimate']); var devicon = angular.module('devicon', ['ngSanitize', 'ngAnimate']);
const DEFAULT_BACKGROUND = "#60be86"; // const DEFAULT_BACKGROUND = "#60be86";
/* /*
||============================================================== ||==============================================================
@@ -41,8 +41,9 @@ devicon.controller('IconListCtrl', function($scope, $http, $compile) {
// background color related stuff // background color related stuff
// default is the default site background color // default is the default site background color
$scope.fontBackground = DEFAULT_BACKGROUND; $scope.DEFAULT_BACKGROUND = "#60be86";
$scope.svgBackground = DEFAULT_BACKGROUND; $scope.fontBackground = $scope.DEFAULT_BACKGROUND;
$scope.svgBackground = $scope.DEFAULT_BACKGROUND;
// Loop through devicon.json // Loop through devicon.json
angular.forEach(data, function(devicon, key) { angular.forEach(data, function(devicon, key) {
@@ -106,8 +107,8 @@ devicon.controller('IconListCtrl', function($scope, $http, $compile) {
$scope.selectedSvgIndex = 0; $scope.selectedSvgIndex = 0;
// reset color // reset color
$scope.fontBackground = DEFAULT_BACKGROUND; $scope.fontBackground = $scope.DEFAULT_BACKGROUND;
$scope.svgBackground = DEFAULT_BACKGROUND; $scope.svgBackground = $scope.DEFAULT_BACKGROUND;
} }
/*---- End of "Change selected icon" ----*/ /*---- End of "Change selected icon" ----*/

6
docs/index.html
View File

@@ -66,16 +66,16 @@
<span> <span>
<img src="./assets/img/color_wheel.png" class='colorPicker' ng-click="toggleColorPickerMenu('fontColorPickerMenu')"> <img src="./assets/img/color_wheel.png" class='colorPicker' ng-click="toggleColorPickerMenu('fontColorPickerMenu')">
<span class='colorPickerMenu' id='fontColorPickerMenu'> <span class='colorPickerMenu' id='fontColorPickerMenu'>
<div class='colorPickerMenuCloseBtn' ng-click="toggleColorPickerMenu('fontColorPickerMenu')"><span>X</span></div> <div class='colorPickerMenuCloseBtn'><span ng-click="toggleColorPickerMenu('fontColorPickerMenu')">X</span></div>
<div> <div>
<input type='color' value='#60be86' ng-model="fontBackground" id='colorInput'> <input type='color' value='#60be86' ng-model="fontBackground">
Background Color Background Color
</div> </div>
<div> <div>
<input type='checkbox' id='checkboardInput' class='checkerboardInput'> <input type='checkbox' id='checkboardInput' class='checkerboardInput'>
<label for='checkboardInput' >Checkerboard</label> <label for='checkboardInput' >Checkerboard</label>
</div> </div>
<button class='colorPickerResetBtn'>Reset</button> <button class='colorPickerResetBtn' ng-click="fontBackground = DEFAULT_BACKGROUND">Reset</button>
</span> </span>
</span> </span>
</h4> </h4>