sidebar-skeleton-compostrap 2.0.5 → 2.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/sidebar.css +1 -1
- package/dist/css/sidebar.css.map +1 -1
- package/dist/css/sidebar.min.css +1 -1
- package/dist/js/sidebar.js +5 -3
- package/dist/js/sidebar.min.js +1 -1
- package/package.json +7 -7
- package/readme.md +11 -18
- package/scss/utils/_variables.scss +1 -1
package/dist/css/sidebar.css
CHANGED
package/dist/css/sidebar.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../scss/sidebar.scss","../../scss/base/_body.scss","../../scss/layout/_wrapper.scss","../../scss/utils/_variables.scss","../../scss/components/_sidebar.scss","../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../../scss/themes/_theme.scss"],"names":[],"mappings":";AACA;AAAA;AAAA;AAAA;AAAA;ACGA;EACE;;;ACDF;EACE;;AAEA;EACE;;AAGF;EACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../scss/sidebar.scss","../../scss/base/_body.scss","../../scss/layout/_wrapper.scss","../../scss/utils/_variables.scss","../../scss/components/_sidebar.scss","../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../../scss/themes/_theme.scss"],"names":[],"mappings":";AACA;AAAA;AAAA;AAAA;AAAA;ACGA;EACE;;;ACDF;EACE;;AAEA;EACE;;AAGF;EACE,YCPK;;;ACDT;EACE;EACA;;ACyDE;ED3DJ;IAII;;;AAGF;EACE;;AAGF;EACE;;AC+CA;EDhDF;IAGI;;;AAIJ;EEwCE;;;AFnCJ;EACE,ODxBS;;AC0BT;EACE;;;AGzBF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE","file":"sidebar.css"}
|
package/dist/css/sidebar.min.css
CHANGED
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Sidebar skeleton
|
|
3
3
|
* Copyright Zdeněk Papučík
|
|
4
4
|
* MIT License
|
|
5
|
-
*/body{overflow-x:hidden}.wrapper{min-height:100vh}.wrapper-navbar-used{min-height:calc(100vh - 3.5rem)}.wrapper-navbar-fixed{margin-top:3.5rem}.sidebar{margin-left:-14.375rem;transition:margin .15s ease-out}@media (min-width:768px){.sidebar{margin-left:0}}.sidebar-toggle{margin-left:0}.sidebar-toggle-visible{margin-left:0}@media (min-width:768px){.sidebar-toggle-visible{margin-left:-14.375rem}}.sidebar-rounded-top-right{border-top-right-radius:.
|
|
5
|
+
*/body{overflow-x:hidden}.wrapper{min-height:100vh}.wrapper-navbar-used{min-height:calc(100vh - 3.5rem)}.wrapper-navbar-fixed{margin-top:3.5rem}.sidebar{margin-left:-14.375rem;transition:margin .15s ease-out}@media (min-width:768px){.sidebar{margin-left:0}}.sidebar-toggle{margin-left:0}.sidebar-toggle-visible{margin-left:0}@media (min-width:768px){.sidebar-toggle-visible{margin-left:-14.375rem}}.sidebar-rounded-top-right{border-top-right-radius:.375rem}.sidebar-menu{width:14.375rem}.sidebar-menu-fixed{position:fixed}.sidebar-bg-white{background-color:#fff}.sidebar-bg-light{background-color:#f8f9fa}.sidebar-bg-dark{background-color:#343a40}.sidebar-bg-blue{background-color:#0d6efd}.sidebar-bg-purple{background-color:#6f42c1}.sidebar-bg-pink{background-color:#d63384}.sidebar-bg-red{background-color:#dc3545}.sidebar-bg-orange{background-color:#fd7e14}.sidebar-bg-green{background-color:#198754}.sidebar-bg-teal{background-color:#20c997}.sidebar-bg-cyan{background-color:#0dcaf0}
|
package/dist/js/sidebar.js
CHANGED
|
@@ -3,7 +3,9 @@
|
|
|
3
3
|
* Copyright Zdeněk Papučík
|
|
4
4
|
* MIT License
|
|
5
5
|
*/
|
|
6
|
-
document.
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
document.addEventListener('DOMContentLoaded', () => {
|
|
7
|
+
document.getElementById('sidebar').addEventListener('click', () => {
|
|
8
|
+
const element = document.getElementById('navigation');
|
|
9
|
+
element.classList.toggle('sidebar-toggle');
|
|
10
|
+
});
|
|
9
11
|
});
|
package/dist/js/sidebar.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
document.getElementById("sidebar").addEventListener("click",()=>{const element=document.getElementById("navigation");element.classList.toggle("sidebar-toggle")});
|
|
1
|
+
document.addEventListener("DOMContentLoaded",()=>{document.getElementById("sidebar").addEventListener("click",()=>{const element=document.getElementById("navigation");element.classList.toggle("sidebar-toggle")})});
|
package/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sidebar-skeleton-compostrap",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.7",
|
|
4
4
|
"description": "Simple and fast sidebar skeleton on Bootstrap",
|
|
5
5
|
"dependencies": {
|
|
6
|
-
"bootstrap": "^5.
|
|
7
|
-
"@popperjs/core": "^2.
|
|
6
|
+
"bootstrap": "^5.2.3",
|
|
7
|
+
"@popperjs/core": "^2.11.6"
|
|
8
8
|
},
|
|
9
9
|
"devDependencies": {
|
|
10
|
-
"clean-css-cli": "^5.
|
|
11
|
-
"sass": "^1.
|
|
12
|
-
"nodemon": "^2.0.
|
|
13
|
-
"serve": "^
|
|
10
|
+
"clean-css-cli": "^5.6.2",
|
|
11
|
+
"sass": "^1.58.0",
|
|
12
|
+
"nodemon": "^2.0.20",
|
|
13
|
+
"serve": "^14.2.0",
|
|
14
14
|
"uglify-js-es6": "^2.8.9"
|
|
15
15
|
},
|
|
16
16
|
"scripts": {
|
package/readme.md
CHANGED
|
@@ -1,10 +1,3 @@
|
|
|
1
|
-
<p align="center">
|
|
2
|
-
<img src="https://avatars0.githubusercontent.com/u/50230834?s=400&u=3551f498f489486fb0ee563171d5fb2d43892a17&v=4" width="100" alt="logo">
|
|
3
|
-
</p>
|
|
4
|
-
|
|
5
|
-
<h3 align="center">Compostrap</h3>
|
|
6
|
-
<p align="center">Simple and fast components build on Bootstrap</p>
|
|
7
|
-
|
|
8
1
|
## Sidebar skeleton
|
|
9
2
|
Simple and fast sidebar skeleton.
|
|
10
3
|
|
|
@@ -56,17 +49,17 @@ Colors are the same as bootstrap. Add more colors in [colors.scss](https://githu
|
|
|
56
49
|
|
|
57
50
|
| Color | Class |
|
|
58
51
|
| --------------------------------------------------------------- | ------------------- |
|
|
59
|
-
|  | `sidebar-bg-white` |
|
|
53
|
+
|  | `sidebar-bg-light` |
|
|
54
|
+
|  | `sidebar-bg-dark` |
|
|
55
|
+
|  | `sidebar-bg-blue` |
|
|
56
|
+
|  | `sidebar-bg-purple` |
|
|
57
|
+
|  | `sidebar-bg-pink` |
|
|
58
|
+
|  | `sidebar-bg-red` |
|
|
59
|
+
|  | `sidebar-bg-orange` |
|
|
60
|
+
|  | `sidebar-bg-green` |
|
|
61
|
+
|  | `sidebar-bg-teal` |
|
|
62
|
+
|  | `sidebar-bg-cyan` |
|
|
70
63
|
|
|
71
64
|
## jQuery toggle
|
|
72
65
|
If you would like to have your own toggle button visible at all resolutions, we need to change the class in [sidebar.js](https://github.com/compostrap/sidebar-skeleton/blob/master/dist/js/sidebar.js)
|