Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit5271e28

Browse files
committed
v1.0.0
1 parent38ef22c commit5271e28

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

41 files changed

+866
-18216
lines changed

‎README.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,11 +12,11 @@ Please help us on [Product Hunt](https://www.producthunt.com/posts/coreui-open-s
1212

1313
Why I decided to create CoreUI? Please read this article:[Jack of all trades, master of none. Why Boostrap Admin Templates suck.](https://medium.com/@lukaszholeczek/jack-of-all-trades-master-of-none-5ea53ef8a1f#.7eqx1bcd8)
1414

15-
CoreUI is Open Source Vue & Bootstrap Admin Template. CoreUI is not just another Admin Template. It goes way beyond hitherto admin templates thanks to transparent code and file structure. And if that's not enough, let's just addthe CoreUI consists bunch of unique features and over 1000 high quality icons.
15+
CoreUI isanOpen Source Vue & Bootstrap Admin Template.ButCoreUI is not just another Admin Template. It goes way beyond hitherto admin templates thanks to transparent code and file structure. And if that's not enough, let’s just addthat CoreUI consists bunch of unique features and over 1000 high quality icons.
1616

17-
CoreUI based on Bootstrap 4 and offers 6 versions: HTML5, AJAX,AngularJS,Angular 2,React.js & Vue.js.
17+
CoreUIisbased on Bootstrap 4 and offers 6 versions:[HTML5 AJAX](https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template),[HTML5 Static](https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template),[AngularJS](https://github.com/mrholek/CoreUI-AngularJS),[Angular 2+](https://github.com/mrholek/CoreUI-Angular),[React.js](https://github.com/mrholek/CoreUI-React) &[Vue.js](https://github.com/mrholek/CoreUI-Vue).
1818

19-
CoreUI is meant to be the UX game changer. Pure & transparent code is devoid of redundant components, so the app is light enough to offer ultimate user experience. This meansalsomobile devices, where the navigation isthe same easy and intuitive asindesktop or laptop. CoreUI Layout API lets you customize your project for almost any device – be it Mobile, Web or WebApp – CoreUI covers them all!
19+
CoreUI is meant to be the UX game changer. Pure & transparent code is devoid of redundant components, so the app is light enough to offer ultimate user experience. This means mobile devices also, where the navigation isjust as easy and intuitive ason adesktop or laptop. The CoreUI Layout API lets you customize your project for almost any device – be it Mobile, Web or WebApp – CoreUI covers them all!
2020

2121
[![CoreUI Vue Free Bootstrap Admin Template](http://coreui.io/assets/img/coreui.png"CoreUI Vue Free Bootstrap Admin Template")](http://coreui.io)
2222

@@ -28,7 +28,7 @@ A fully functional demo is available at [CoreUI](http://coreui.io/)
2828

2929
##What's included
3030

31-
Within the download you'll find the following directories and files, you'll see something like this:
31+
Within the download you'll find the following directories and files:
3232

3333
```
3434
CoreUI-Vue/

‎Vue_Full_Project/gulpfile.js‎

Lines changed: 0 additions & 22 deletions
This file was deleted.

‎Vue_Full_Project/package.json‎

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name":"coreui-vue",
3-
"version":"1.0.0-alpha.6",
3+
"version":"1.0.0",
44
"description":"Open Source Admin Template",
55
"author":"Łukasz Holeczek <lukasz@holeczek.pl>",
66
"private":true,
@@ -14,18 +14,18 @@
1414
"lint":"eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
1515
},
1616
"dependencies": {
17-
"bootstrap-vue":"^0.23.0",
18-
"chart.js":"2.6.0",
19-
"vue":"2.4.2",
20-
"vue-chartjs":"2.8.2",
21-
"vue-router":"2.7.0",
17+
"bootstrap-vue":"1.0.0-beta.7",
18+
"chart.js":"2.7.0",
2219
"font-awesome":"^4.7.0",
23-
"simple-line-icons":"^2.4.1"
20+
"simple-line-icons":"^2.4.1",
21+
"vue":"2.4.4",
22+
"vue-chartjs":"2.8.7",
23+
"vue-router":"2.7.0"
2424
},
2525
"devDependencies": {
26-
"autoprefixer":"7.1.3",
26+
"autoprefixer":"7.1.4",
2727
"babel-core":"6.26.0",
28-
"babel-eslint":"7.2.3",
28+
"babel-eslint":"8.0.0",
2929
"babel-loader":"7.1.2",
3030
"babel-plugin-transform-runtime":"^6.22.0",
3131
"babel-preset-env":"1.6.0",
@@ -35,10 +35,10 @@
3535
"connect-history-api-fallback":"^1.3.0",
3636
"copy-webpack-plugin":"^4.0.1",
3737
"css-loader":"0.28.7",
38-
"eslint":"4.5.0",
38+
"eslint":"4.7.1",
3939
"eslint-friendly-formatter":"3.0.0",
4040
"eslint-loader":"1.9.0",
41-
"eslint-plugin-html":"3.2.0",
41+
"eslint-plugin-html":"3.2.2",
4242
"eslint-plugin-import":"2.7.0",
4343
"eslint-plugin-node":"5.1.1",
4444
"eslint-config-standard":"10.2.1",
@@ -63,30 +63,30 @@
6363
"karma-spec-reporter":"0.0.31",
6464
"karma-webpack":"2.0.4",
6565
"lolex":"2.1.2",
66-
"mocha":"3.5.0",
66+
"mocha":"3.5.3",
6767
"chai":"4.1.2",
68-
"sinon":"3.2.1",
68+
"sinon":"3.3.0",
6969
"sinon-chai":"2.13.0",
7070
"inject-loader":"3.0.1",
71-
"babel-plugin-istanbul":"4.1.4",
71+
"babel-plugin-istanbul":"4.1.5",
7272
"phantomjs-prebuilt":"^2.1.15",
73-
"chromedriver":"2.32.0",
73+
"chromedriver":"2.32.3",
7474
"cross-spawn":"^5.0.1",
7575
"nightwatch":"0.9.16",
76-
"selenium-server":"3.5.2",
76+
"selenium-server":"3.5.3",
7777
"semver":"5.4.1",
7878
"shelljs":"0.7.8",
7979
"opn":"5.1.0",
80-
"optimize-css-assets-webpack-plugin":"3.1.1",
80+
"optimize-css-assets-webpack-plugin":"3.2.0",
8181
"ora":"1.3.0",
82-
"rimraf":"^2.6.0",
82+
"rimraf":"2.6.2",
8383
"url-loader":"0.5.9",
84-
"vue-loader":"13.0.4",
85-
"vue-style-loader":"3.0.1",
86-
"vue-template-compiler":"2.4.2",
87-
"webpack":"3.5.5",
84+
"vue-loader":"13.0.5",
85+
"vue-style-loader":"3.0.3",
86+
"vue-template-compiler":"2.4.4",
87+
"webpack":"3.6.0",
8888
"webpack-dev-middleware":"1.12.0",
89-
"webpack-hot-middleware":"2.18.2",
89+
"webpack-hot-middleware":"2.19.1",
9090
"webpack-merge":"4.1.0",
9191
"node-sass":"4.5.3",
9292
"sass-loader":"6.0.6"
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
.breadcrumb {
22
position:relative;
3-
margin-bottom:1.5*$spacer;
3+
margin:$breadcrumb-margin;
44

55
@includeborders($breadcrumb-borders);
66
}
Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
// Temp fix for reactstrap
2+
.show {
3+
>.dropdown-menu-right {
4+
right:0;
5+
left:auto;// Reset the default from `.dropdown-menu`
6+
}
7+
}

‎Vue_Full_Project/scss/core/_layout.scss‎

Lines changed: 22 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,8 @@
1111
app-dashboard,
1212
app-root {
1313
display:flex;
14-
flex-direction:column;
1514
min-height:100vh;
15+
flex-direction:column;
1616
}
1717

1818
.app-header {
@@ -26,12 +26,12 @@ app-root {
2626
.app-body {
2727
display:flex;
2828
flex-direction:row;
29-
flex-grow:1;
3029
overflow-x:hidden;
30+
flex-grow:1;
3131

3232
.main {
33-
flex:1;
3433
min-width:0;
34+
flex:1;
3535
}
3636

3737
.sidebar {
@@ -65,30 +65,29 @@ app-root {
6565
// Sidebar
6666
//
6767
.sidebar-hidden {
68-
6968
.sidebar {
7069
margin-left:-$sidebar-width;
7170
}
7271
}
7372

7473
.sidebar-fixed {
75-
7674
.sidebar {
7775
position:fixed;
76+
z-index:$zindex-sticky-1;
7877
width:$sidebar-width;
79-
height:100%;
78+
height:calc(100vh-#{$navbar-height});
79+
// margin-top: - $navbar-height;
8080

81-
.sidebar-nav {
82-
height:calc(100vh-#{$navbar-height});
83-
}
81+
//.sidebar-nav {
82+
// height: calc(100vh - #{$navbar-height});
83+
//}
8484
}
8585

8686
.main,.app-footer {
8787
margin-left:$sidebar-width;
8888
}
8989

9090
&.sidebar-hidden {
91-
9291
.main,.app-footer {
9392
margin-left:0;
9493
}
@@ -99,12 +98,7 @@ app-root {
9998
.sidebar {
10099
position:fixed;
101100
z-index:$zindex-sticky-1;
102-
height:100%;
103-
104-
105-
.sidebar-nav {
106-
height:calc(100vh-#{$navbar-height});
107-
}
101+
height:calc(100vh-#{$navbar-height});
108102
}
109103
}
110104

@@ -115,14 +109,12 @@ app-root {
115109
}
116110

117111
&.sidebar-hidden {
118-
119112
.sidebar {
120113
margin-left:-$sidebar-compact-width;
121114
}
122115
}
123116

124117
&.sidebar-fixed {
125-
126118
.main,.app-footer {
127119
margin-left:$sidebar-compact-width;
128120
}
@@ -132,7 +124,6 @@ app-root {
132124
}
133125

134126
&.sidebar-hidden {
135-
136127
.main,.app-footer {
137128
margin-left:0;
138129
}
@@ -143,17 +134,20 @@ app-root {
143134
.sidebar-minimized {
144135
.sidebar {
145136
flex:00$sidebar-minimized-width;
137+
.sidebar-header,
138+
.sidebar-form,
139+
.sidebar-footer {
140+
display:none;
141+
}
146142
}
147143

148144
&.sidebar-hidden {
149-
150145
.sidebar {
151146
margin-left:-$sidebar-minimized-width;
152147
}
153148
}
154149

155150
&.sidebar-fixed {
156-
157151
.main,.app-footer {
158152
margin-left:$sidebar-minimized-width;
159153
}
@@ -163,7 +157,6 @@ app-root {
163157
}
164158

165159
&.sidebar-hidden {
166-
167160
.main,.app-footer {
168161
margin-left:0;
169162
}
@@ -176,14 +169,12 @@ app-root {
176169
// Aside Menu
177170
//
178171
.aside-menu-hidden {
179-
180172
.aside-menu {
181173
margin-right:-$aside-menu-width;
182174
}
183175
}
184176

185177
.aside-menu-fixed {
186-
187178
.aside-menu {
188179
position:fixed;
189180
right:0;
@@ -199,7 +190,6 @@ app-root {
199190
}
200191

201192
&.aside-menu-hidden {
202-
203193
.main,.app-footer {
204194
margin-right:0;
205195
}
@@ -223,7 +213,6 @@ app-root {
223213
// Breadcrumb
224214
//
225215
.breadcrumb-fixed {
226-
227216
.main {
228217
$breadcrumb-height:2*$breadcrumb-padding-y+$font-size-base+1.5*$spacer;
229218
padding-top:$breadcrumb-height;
@@ -283,7 +272,6 @@ app-root {
283272
// Footer
284273
//
285274
.footer-fixed {
286-
287275
.app-footer {
288276
position:fixed;
289277
bottom:0;
@@ -306,6 +294,9 @@ app-root {
306294
.aside-menu {
307295
transition:margin-left$layout-transition-speed,margin-right$layout-transition-speed,width$layout-transition-speed,flex$layout-transition-speed;
308296
}
297+
.sidebar-nav {
298+
transition:width$layout-transition-speed;
299+
}
309300
.breadcrumb {
310301
transition:left$layout-transition-speed,right$layout-transition-speed,width$layout-transition-speed;
311302
}
@@ -315,12 +306,13 @@ app-root {
315306
//
316307

317308
@includemedia-breakpoint-down(md) {
318-
319-
.app-header {
309+
.app-header.navbar {
320310
position:fixed!important;
321311
z-index:$zindex-sticky;
322312
width:100%;
323313
text-align:center;
314+
background-color:$navbar-brand-bg;
315+
@includeborders($navbar-brand-border);
324316

325317
.navbar-toggler {
326318
@if (lightness($navbar-brand-bg ) >40) {
@@ -343,6 +335,7 @@ app-root {
343335

344336
.sidebar {
345337
position:fixed;
338+
z-index:$zindex-sticky-1;
346339
width:$mobile-sidebar-width;
347340
height:100%;
348341
margin-left:-$mobile-sidebar-width;
@@ -368,7 +361,6 @@ app-root {
368361
}
369362

370363
.sidebar-mobile-show {
371-
372364
.sidebar {
373365
width:$mobile-sidebar-width;
374366
margin-left:0;

‎Vue_Full_Project/scss/core/_navbar.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
.app-header.navbar {
22
position:relative;
3-
flex-direction:row;
43
height:$navbar-height;
4+
flex-direction:row;
55
padding:0;
66
margin:0;
77
background-color:$navbar-bg;

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp