Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

0.4.0 #9

Merged
merged 3 commits into from
Jan 17, 2024
Merged

0.4.0 #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
a0fa14b
BREAKING: All ":root" variables now start with "--select-js-", which …
Jan 17, 2024
5ded404
Updated to v0.4.0.
Jan 17, 2024
d37207f
Updated web URL.
Jan 17, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,15 @@
Select.js

[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Select.js%2C%20a%20free%20JavaScript%select%builder&url=https://github.com/williamtroup/Select.js&hashtags=javascript,html,select)
[![npm](https://img.shields.io/badge/npmjs-v0.3.0-blue)](https://www.npmjs.com/package/jselect.js)
[![nuget](https://img.shields.io/badge/nuget-v0.3.0-purple)](https://www.nuget.org/packages/jSelect.js/)
[![npm](https://img.shields.io/badge/npmjs-v0.4.0-blue)](https://www.npmjs.com/package/jselect.js)
[![nuget](https://img.shields.io/badge/nuget-v0.4.0-purple)](https://www.nuget.org/packages/jSelect.js/)
[![license](https://img.shields.io/badge/license-MIT-green)](https://github.com/williamtroup/Select.js/blob/main/LICENSE.txt)
[![discussions Welcome](https://img.shields.io/badge/discussions-Welcome-red)](https://github.com/williamtroup/Select.js/discussions)
[![coded by William Troup](https://img.shields.io/badge/coded_by-William_Troup-yellow)](https://github.com/williamtroup)
</h1>

> <p align="center">A lightweight, and easy-to-use, JavaScript library for creating multi-select drop-down lists!</p>
> <p align="center">v0.3.0</p>
> <p align="center">v0.4.0</p>
<br />

![Select.js](docs/images/main.png)
Expand Down
6 changes: 3 additions & 3 deletions README_NUGET.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
# Select.js v0.3.0
# Select.js v0.4.0

[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Select.js%2C%20a%20free%20JavaScript%select%builder&url=https://github.com/williamtroup/Select.js&hashtags=javascript,html,select)
[![npm](https://img.shields.io/badge/npmjs-v0.3.0-blue)](https://www.npmjs.com/package/jselect.js)
[![nuget](https://img.shields.io/badge/nuget-v0.3.0-purple)](https://www.nuget.org/packages/jSelect.js/)
[![npm](https://img.shields.io/badge/npmjs-v0.4.0-blue)](https://www.npmjs.com/package/jselect.js)
[![nuget](https://img.shields.io/badge/nuget-v0.4.0-purple)](https://www.nuget.org/packages/jSelect.js/)
[![license](https://img.shields.io/badge/license-MIT-green)](https://github.com/williamtroup/Select.js/blob/main/LICENSE.txt)
[![discussions Welcome](https://img.shields.io/badge/discussions-Welcome-red)](https://github.com/williamtroup/Select.js/discussions)
[![coded by William Troup](https://img.shields.io/badge/coded_by-William_Troup-yellow)](https://github.com/williamtroup)
Expand Down
4 changes: 2 additions & 2 deletions dist/select.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
/*! Select.js v0.3.0 | (c) Bunoon | MIT License */
/*! Select.js v0.4.0 | (c) Bunoon | MIT License */
(function() {
function render() {
var tagTypes = _configuration.domElementTypes;
Expand Down Expand Up @@ -376,7 +376,7 @@
return this;
};
this.getVersion = function() {
return "0.3.0";
return "0.4.0";
};
(function(documentObject, windowObject) {
_parameter_Document = documentObject;
Expand Down
88 changes: 44 additions & 44 deletions dist/select.js.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/*
* Select.js Library v0.3.0
* Select.js Library v0.4.0
*
* Copyright 2023 Bunoon
* Released under the MIT License
Expand All @@ -10,20 +10,20 @@
-------------------------------------------------------------------------
*/
:root {
--color-black: #3b3a3a;
--color-white: #F5F5F5;
--color-gray: #AAAAAA;
--color-light-gray: #CCCCCC;
--container-background-color: #e8e6e6;
--container-border-color: #3b3a3a;
--container-background-color-drop-down: #e8e6e6;
--container-border-color-drop-down: #3b3a3a;
--border-radius: 0.5rem;
--border-style-scrollbar: inset 0 0 6px --color-dark-gray;
--border-size: 0.5px;
--transition: all .3s;
--spacing-shadow-size: 4px;
--spacing: 8px;
--select-js-color-black: #3b3a3a;
--select-js-color-white: #F5F5F5;
--select-js-color-gray: #AAAAAA;
--select-js-color-light-gray: #CCCCCC;
--select-js-container-background-color: #e8e6e6;
--select-js-container-border-color: #3b3a3a;
--select-js-container-background-color-drop-down: #e8e6e6;
--select-js-container-border-color-drop-down: #3b3a3a;
--select-js-border-radius: 0.5rem;
--select-js-border-style-scrollbar: inset 0 0 6px --color-dark-gray;
--select-js-border-size: 0.5px;
--select-js-transition: all .3s;
--select-js-spacing-shadow-size: 4px;
--select-js-spacing: 8px;
}

/*
Expand All @@ -34,7 +34,7 @@
div.select-js {
font-family: "Montserrat", sans-serif;
font-size: 0.8rem;
margin-bottom: var(--spacing);
margin-bottom: var(--select-js-spacing);
position: relative;
}
div.select-js * {
Expand All @@ -49,10 +49,10 @@ div.select-js select {
display: none !important;
}
div.select-js div.control {
background-color: var(--container-background-color);
border: var(--border-size) solid var(--container-border-color);
border-radius: var(--border-radius);
padding: calc(var(--spacing) - 2px);
background-color: var(--select-js-container-background-color);
border: var(--select-js-border-size) solid var(--select-js-container-border-color);
border-radius: var(--select-js-border-radius);
padding: calc(var(--select-js-spacing) - 2px);
padding-right: 32px;
overflow: hidden;
}
Expand All @@ -63,9 +63,9 @@ div.select-js div.control {
-------------------------------------------------------------------------
*/
div.select-js div.drop-down {
background-color: var(--container-background-color-drop-down);
border: var(--border-size) solid var(--container-border-color-drop-down);
border-radius: var(--border-radius);
background-color: var(--select-js-container-background-color-drop-down);
border: var(--select-js-border-size) solid var(--select-js-container-border-color-drop-down);
border-radius: var(--select-js-border-radius);
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
Expand All @@ -74,24 +74,24 @@ div.select-js div.drop-down {
z-index: 10;
max-height: 400px;
margin-top: 2px;
box-shadow: var(--spacing-shadow-size) var(--spacing-shadow-size) var(--spacing-shadow-size) var(--color-gray);
box-shadow: var(--select-js-spacing-shadow-size) var(--select-js-spacing-shadow-size) var(--select-js-spacing-shadow-size) var(--select-js-color-gray);
overflow-y: auto;
overflow-x: hidden;
}
div.select-js div.drop-down div.item {
padding: var(--spacing);
border-bottom: var(--border-size) var(--color-black) dotted;
padding: var(--select-js-spacing);
border-bottom: var(--select-js-border-size) var(--select-js-color-black) dotted;
}
div.select-js div.drop-down div.item:last-child {
border-bottom: none;
}
div.select-js div.drop-down div.item:hover {
cursor: pointer;
background-color: var(--color-light-gray);
transition: var(--transition);
background-color: var(--select-js-color-light-gray);
transition: var(--select-js-transition);
}
div.select-js div.drop-down div.selected {
color: var(--color-gray);
color: var(--select-js-color-gray);
font-style: italic;
}

Expand All @@ -108,8 +108,8 @@ div.select-js div.control {
}
div.select-js div.control div.button {
position: absolute;
border-right: 5px solid var(--color-black);
border-bottom: 5px solid var(--color-black);
border-right: 5px solid var(--select-js-color-black);
border-bottom: 5px solid var(--select-js-color-black);
height: 8px;
width: 8px;
right: 14px;
Expand All @@ -119,46 +119,46 @@ div.select-js div.control div.button {
div.select-js div.control div.button:hover {
cursor: pointer;
opacity: 0.7;
transition: var(--transition);
transition: var(--select-js-transition);
}
div.select-js div.control div.button:active {
cursor: pointer;
opacity: 0.5;
transition: var(--transition);
transition: var(--select-js-transition);
}
div.select-js div.control div.button-open {
transform: rotate(-135deg);
top: 18px;
}
div.select-js div.control div.selected-item {
padding: var(--spacing);
background-color: var(--color-gray);
border-radius: var(--border-radius);
padding: var(--select-js-spacing);
background-color: var(--select-js-color-gray);
border-radius: var(--select-js-border-radius);
display: inline-block;
margin: 2px;
margin-right: var(--spacing);
margin-right: var(--select-js-spacing);
}
div.select-js div.control div.selected-item:last-child {
margin-right: 0;
}
div.select-js div.control div.selected-item span.text {
color: var(--color-black);
color: var(--select-js-color-black);
}
div.select-js div.control div.selected-item div.remove {
margin-left: var(--spacing);
margin-left: var(--select-js-spacing);
display: inline-block;
font-weight: bold;
}
div.select-js div.control div.selected-item div.remove:hover {
cursor: pointer;
opacity: 0.7;
transition: var(--transition);
transition: var(--select-js-transition);
}
div.select-js div.control div.no-items-selected {
background-color: var(--color-light-gray);
border-radius: var(--border-radius);
background-color: var(--select-js-color-light-gray);
border-radius: var(--select-js-border-radius);
font-style: italic;
color: var(--color-black);
padding: var(--spacing);
color: var(--select-js-color-black);
padding: var(--select-js-spacing);
display: inline-block;
}/*# sourceMappingURL=select.js.css.map */
4 changes: 2 additions & 2 deletions dist/select.js.min.css
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading
Loading