mirror/devicon
1
0
Fork 0
mirror of https://github.com/konpa/devicon.git synced 2025-08-10 08:34:05 +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;
}
#colorInput {
input[type='color'] {
width: 1.25em;
height: 1.25em;
padding: 0;
}
#colorInput:hover {
input[type='color']:hover {
cursor: pointer;
}

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

@@ -1,5 +1,5 @@
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
// default is the default site background color
$scope.fontBackground = DEFAULT_BACKGROUND;
$scope.svgBackground = DEFAULT_BACKGROUND;
$scope.DEFAULT_BACKGROUND = "#60be86";
$scope.fontBackground = $scope.DEFAULT_BACKGROUND;
$scope.svgBackground = $scope.DEFAULT_BACKGROUND;
// Loop through devicon.json
angular.forEach(data, function(devicon, key) {
@@ -106,8 +107,8 @@ devicon.controller('IconListCtrl', function($scope, $http, $compile) {
$scope.selectedSvgIndex = 0;
// reset color
$scope.fontBackground = DEFAULT_BACKGROUND;
$scope.svgBackground = DEFAULT_BACKGROUND;
$scope.fontBackground = $scope.DEFAULT_BACKGROUND;
$scope.svgBackground = $scope.DEFAULT_BACKGROUND;
}
/*---- End of "Change selected icon" ----*/

6
docs/index.html
View File

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