From c4f77c3fa299434aa8f2f81b7095f0058f561ada Mon Sep 17 00:00:00 2001 From: Darlan Rod Date: Mon, 30 Jul 2018 23:09:27 -0300 Subject: [PATCH] Correction of input cursor to default --- README.md | 9 ++++++--- _inputrange.scss | 6 +++--- example/_inputrange.min.css | 2 +- package.json | 2 +- 4 files changed, 11 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index 4ad5751..d8cdb97 100644 --- a/README.md +++ b/README.md @@ -19,10 +19,13 @@ npm install --save input-range-scss ## Changelog +#### 1.5.1 +- Correction of input cursor to default (thanks, [pichfl](https://github.com/pichfl)) + #### 1.5.0 -- Added :disabled state (thanks [mpavel](https://github.com/mpavel)) -- Improved normalization across browsers (thanks [guidezpl](https://github.com/guidezpl) and [GufNZ](https://github.com/GufNZ)) -- Removed Firefox border outline on focus (thanks [DeanPoulin](https://github.com/DeanPoulin)) +- Added :disabled state (thanks, [mpavel](https://github.com/mpavel)) +- Improved normalization across browsers (thanks, [guidezpl](https://github.com/guidezpl) and [GufNZ](https://github.com/GufNZ)) +- Removed Firefox border outline on focus (thanks, [DeanPoulin](https://github.com/DeanPoulin)) #### 1.4.1 - Fixing example page diff --git a/_inputrange.scss b/_inputrange.scss index 60e5995..a3e80d6 100644 --- a/_inputrange.scss +++ b/_inputrange.scss @@ -1,7 +1,7 @@ // Styling Cross-Browser Compatible Range Inputs with Sass // Github: https://github.com/darlanrod/input-range-sass // Author: Darlan Rod https://github.com/darlanrod -// Version 1.5.0 +// Version 1.5.1 // MIT License $track-color: #eceff1 !default; @@ -34,7 +34,7 @@ $ie-bottom-track-color: darken($track-color, $contrast) !default; } @mixin track { - cursor: pointer; + cursor: default; height: $track-height; transition: all .2s ease; width: $track-width; @@ -45,7 +45,7 @@ $ie-bottom-track-color: darken($track-color, $contrast) !default; background: $thumb-color; border: $thumb-border-width solid $thumb-border-color; border-radius: $thumb-radius; - cursor: pointer; + cursor: default; height: $thumb-height + $adjustment; width: $thumb-width + $adjustment; } diff --git a/example/_inputrange.min.css b/example/_inputrange.min.css index c34f68b..61a3a8a 100644 --- a/example/_inputrange.min.css +++ b/example/_inputrange.min.css @@ -1 +1 @@ -[type=range]{-webkit-appearance:none;background:transparent;margin:12px 0;width:100%}[type=range]::-moz-focus-outer{border:0}[type=range]:focus{outline:0}[type=range]:focus::-webkit-slider-runnable-track{background:#fbfbfc}[type=range]:focus::-ms-fill-lower{background:#eceff1}[type=range]:focus::-ms-fill-upper{background:#fbfbfc}[type=range]::-webkit-slider-runnable-track{cursor:pointer;height:8px;transition:all .2s ease;width:100%;box-shadow:1px 1px 1px rgba(0,0,0,.2),0 0 1px rgba(13,13,13,.2);background:#eceff1;border:2px solid #cfd8dc;border-radius:5px}[type=range]::-webkit-slider-thumb{box-shadow:4px 4px 4px rgba(0,0,0,.2),0 0 4px rgba(13,13,13,.2);background:#607d8b;border:2px solid #eceff1;border-radius:12px;cursor:pointer;height:24px;width:24px;-webkit-appearance:none;margin-top:-10px}[type=range]::-moz-range-track{box-shadow:1px 1px 1px rgba(0,0,0,.2),0 0 1px rgba(13,13,13,.2);cursor:pointer;height:8px;transition:all .2s ease;width:100%;background:#eceff1;border:2px solid #cfd8dc;border-radius:5px;height:4px}[type=range]::-moz-range-thumb{box-shadow:4px 4px 4px rgba(0,0,0,.2),0 0 4px rgba(13,13,13,.2);background:#607d8b;border:2px solid #eceff1;border-radius:12px;cursor:pointer;height:20px;width:20px}[type=range]::-ms-track{cursor:pointer;height:8px;transition:all .2s ease;width:100%;background:transparent;border-color:transparent;border-width:12px 0;color:transparent}[type=range]::-ms-fill-lower{box-shadow:1px 1px 1px rgba(0,0,0,.2),0 0 1px rgba(13,13,13,.2);background:#dde3e6;border:2px solid #cfd8dc;border-radius:10px}[type=range]::-ms-fill-upper{box-shadow:1px 1px 1px rgba(0,0,0,.2),0 0 1px rgba(13,13,13,.2);background:#eceff1;border:2px solid #cfd8dc;border-radius:10px}[type=range]::-ms-thumb{box-shadow:4px 4px 4px rgba(0,0,0,.2),0 0 4px rgba(13,13,13,.2);background:#607d8b;border:2px solid #eceff1;border-radius:12px;cursor:pointer;height:20px;width:20px;margin-top:2px}[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}[type=range]:disabled::-moz-range-thumb{cursor:not-allowed}[type=range]:disabled::-ms-thumb{cursor:not-allowed}[type=range]:disabled::-webkit-slider-runnable-track{cursor:not-allowed}[type=range]:disabled::-ms-fill-lower{cursor:not-allowed}[type=range]:disabled::-ms-fill-upper{cursor:not-allowed}/*# sourceMappingURL=_inputrange.css.map */ +[type=range]{-webkit-appearance:none;background:transparent;margin:12px 0;width:100%}[type=range]::-moz-focus-outer{border:0}[type=range]:focus{outline:0}[type=range]:focus::-webkit-slider-runnable-track{background:#fbfbfc}[type=range]:focus::-ms-fill-lower{background:#eceff1}[type=range]:focus::-ms-fill-upper{background:#fbfbfc}[type=range]::-webkit-slider-runnable-track{cursor:default;height:8px;transition:all .2s ease;width:100%;box-shadow:1px 1px 1px rgba(0,0,0,.2),0 0 1px rgba(13,13,13,.2);background:#eceff1;border:2px solid #cfd8dc;border-radius:5px}[type=range]::-webkit-slider-thumb{box-shadow:4px 4px 4px rgba(0,0,0,.2),0 0 4px rgba(13,13,13,.2);background:#607d8b;border:2px solid #eceff1;border-radius:12px;cursor:default;height:24px;width:24px;-webkit-appearance:none;margin-top:-10px}[type=range]::-moz-range-track{box-shadow:1px 1px 1px rgba(0,0,0,.2),0 0 1px rgba(13,13,13,.2);cursor:default;height:8px;transition:all .2s ease;width:100%;background:#eceff1;border:2px solid #cfd8dc;border-radius:5px;height:4px}[type=range]::-moz-range-thumb{box-shadow:4px 4px 4px rgba(0,0,0,.2),0 0 4px rgba(13,13,13,.2);background:#607d8b;border:2px solid #eceff1;border-radius:12px;cursor:default;height:20px;width:20px}[type=range]::-ms-track{cursor:default;height:8px;transition:all .2s ease;width:100%;background:transparent;border-color:transparent;border-width:12px 0;color:transparent}[type=range]::-ms-fill-lower{box-shadow:1px 1px 1px rgba(0,0,0,.2),0 0 1px rgba(13,13,13,.2);background:#dde3e6;border:2px solid #cfd8dc;border-radius:10px}[type=range]::-ms-fill-upper{box-shadow:1px 1px 1px rgba(0,0,0,.2),0 0 1px rgba(13,13,13,.2);background:#eceff1;border:2px solid #cfd8dc;border-radius:10px}[type=range]::-ms-thumb{box-shadow:4px 4px 4px rgba(0,0,0,.2),0 0 4px rgba(13,13,13,.2);background:#607d8b;border:2px solid #eceff1;border-radius:12px;cursor:default;height:20px;width:20px;margin-top:2px}[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}[type=range]:disabled::-moz-range-thumb{cursor:not-allowed}[type=range]:disabled::-ms-thumb{cursor:not-allowed}[type=range]:disabled::-webkit-slider-runnable-track{cursor:not-allowed}[type=range]:disabled::-ms-fill-lower{cursor:not-allowed}[type=range]:disabled::-ms-fill-upper{cursor:not-allowed}/*# sourceMappingURL=_inputrange.min.css.map */ diff --git a/package.json b/package.json index 46e279f..a3bd792 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "input-range-scss", - "version": "1.5.0", + "version": "1.5.1", "description": "Sass component for customizing the input range using the native properties of each browser.", "main": "_inputrange.scss", "style": "_inputrange.scss",