Update to 1.0.5

mrholek · mrholek · commit a1db02c4d011 · 2017-11-13T11:38:39.000+01:00
diff --git a/Vue_Full_Project/CHANGELOG.md b/Vue_Full_Project/CHANGELOG.md
@@ -1,5 +1,12 @@
 ## [vue](./README.md) version `changelog`
 
+###### `v1.0.5`
+- fix: use `<b-form-radio-group>` instead of `<b-form-radio>`  **[breaking change](https://bootstrap-vue.js.org/docs/components/form-radios)** :fire:
+
+###### `v1.0.4`
+- refactor: import Bootstrap 4 SCSS files from node_modules
+- fix: callouts styles
+
 ###### `v1.0.3`
 - update: Bootstrap version to `4.0.0-beta.2`
 - update: vue-chartjs to `3.0.0` **[breaking change](https://github.com/apertureless/vue-chartjs/releases/tag/v3.0.0)** :fire:
diff --git a/Vue_Full_Project/package.json b/Vue_Full_Project/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "",
   "author": "Łukasz Holeczek",
   "homepage": "http://coreui.io",
diff --git a/Vue_Full_Project/scss/core/_layout.scss b/Vue_Full_Project/scss/core/_layout.scss
@@ -338,17 +338,16 @@ app-root {
     }
   }
 
-  .sidebar,
-  .sidebar-fixed .sidebar {
+  .sidebar {
     position: fixed;
     z-index: $zindex-sticky - 1;
     width: $mobile-sidebar-width;
-    // height: 100%;
+    height: calc(100vh - #{$navbar-height});
     margin-left: - $mobile-sidebar-width;
 
     .sidebar-nav,
     .nav {
-      width: $mobile-sidebar-width !important;
+      width: $mobile-sidebar-width;
       min-height: calc(100vh - #{$navbar-height});
     }
 
diff --git a/Vue_Full_Project/scss/style.scss b/Vue_Full_Project/scss/style.scss
@@ -1,6 +1,6 @@
 /*!
  * CoreUI - Open Source Bootstrap Admin Template
- * @version v1.0.4
+ * @version v1.0.5
  * @link http://coreui.io
  * Copyright (c) 2017 creativeLabs Łukasz Holeczek
  * @license MIT
diff --git a/Vue_Full_Project/src/views/Dashboard.vue b/Vue_Full_Project/src/views/Dashboard.vue
@@ -497,7 +497,7 @@
             </div><!--/.col-->
           </div><!--/.row-->
           <br/>
-          <b-table class="table-outline table-responsive-sm b-0" hover
+          <b-table class="table-outline table-responsive-sm mb-0" hover
             :items="tableItems"
             :fields="tableFields"
             head-variant="light"
diff --git a/Vue_Full_Project/src/views/components/Forms.vue b/Vue_Full_Project/src/views/components/Forms.vue
@@ -205,53 +205,57 @@
             label="Radios"
             :label-cols="3"
             :horizontal="true">
-            <b-form-radio
+            <b-form-radio-group
               :plain="true"
               :options="[
                 {text: 'Option 1 ',value: '1'},
                 {text: 'Option 2 ',value: '2'},
                 {text: 'Option 3 ',value: '3'}
               ]"
               value="1"
-              stacked></b-form-radio>
+              stacked>
+            </b-form-radio-group>
           </b-form-fieldset>
           <b-form-fieldset
             label="Radios - custom"
             :label-cols="3"
             :horizontal="true">
-            <b-form-radio
+            <b-form-radio-group
               :options="[
                 {text: 'Option 1',value: '1'},
                 {text: 'Option 2',value: '2'},
                 {text: 'Option 3',value: '3'}
               ]"
               value="1"
-              stacked></b-form-radio>
+              stacked>
+            </b-form-radio-group>
           </b-form-fieldset>
           <b-form-fieldset
             label="Inline radios"
             :label-cols="3"
             :horizontal="true">
-            <b-form-radio
+            <b-form-radio-group
               :plain="true"
               :options="[
                 {text: 'Option 1 ',value: '1'},
                 {text: 'Option 2 ',value: '2'},
                 {text: 'Option 3 ',value: '3'}
               ]"
-              value="1"></b-form-radio>
+              value="1">
+            </b-form-radio-group>
           </b-form-fieldset>
           <b-form-fieldset
             label="Inline radios - custom"
             :label-cols="3"
             :horizontal="true">
-            <b-form-radio
+            <b-form-radio-group
               :options="[
                 {text: 'Option 1',value: '1'},
                 {text: 'Option 2',value: '2'},
                 {text: 'Option 3',value: '3'}
               ]"
-              value="1"></b-form-radio>
+              value="1">
+            </b-form-radio-group>
           </b-form-fieldset>
           <b-form-fieldset
             label="Checkboxes"
@@ -460,11 +464,11 @@
           </div>
           <div class="card-body">
             <div class="form-group">
-              <label class="form-col-form-label" for="inputSuccess1">Input with success</label>
+              <label class="col-form-label" for="inputSuccess1">Input with success</label>
               <input type="text" class="form-control is-valid" id="inputSuccess1">
             </div>
             <div class="form-group">
-              <label class="form-col-form-label" for="inputError1">Input with error</label>
+              <label class="col-form-label" for="inputError1">Input with error</label>
               <input type="text" class="form-control is-invalid" id="inputError1">
               <div class="invalid-feedback">
                 Please provide a valid informations.
diff --git a/Vue_Starter/package.json b/Vue_Starter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Open Source Bootstrap Admin Template",
   "author": "Łukasz Holeczek",
   "homepage": "http://coreui.io",
diff --git a/Vue_Starter/scss/core/_layout.scss b/Vue_Starter/scss/core/_layout.scss
@@ -338,17 +338,16 @@ app-root {
     }
   }
 
-  .sidebar,
-  .sidebar-fixed .sidebar {
+  .sidebar {
     position: fixed;
     z-index: $zindex-sticky - 1;
     width: $mobile-sidebar-width;
-    // height: 100%;
+    height: calc(100vh - #{$navbar-height});
     margin-left: - $mobile-sidebar-width;
 
     .sidebar-nav,
     .nav {
-      width: $mobile-sidebar-width !important;
+      width: $mobile-sidebar-width;
       min-height: calc(100vh - #{$navbar-height});
     }
 
diff --git a/Vue_Starter/scss/style.scss b/Vue_Starter/scss/style.scss
@@ -1,6 +1,6 @@
 /*!
  * CoreUI - Open Source Bootstrap Admin Template
- * @version v1.0.4
+ * @version v1.0.5
  * @link http://coreui.io
  * Copyright (c) 2017 creativeLabs Łukasz Holeczek
  * @license MIT
diff --git a/Vue_Starter/src/views/Dashboard.vue b/Vue_Starter/src/views/Dashboard.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="animated fadeIn">
-    <p class="text-info">Hello World</p>
+    Hello World
   </div>
 </template>
 
diff --git a/Vue_Starter/test/unit/specs/Hello.spec.js b/Vue_Starter/test/unit/specs/Hello.spec.js
@@ -1,11 +1,11 @@
 import Vue from 'vue'
-import Dashboard from '@/views/Dashboard'
+import Hello from '@/components/Hello'
 
-describe('Dashboard.vue', () => {
+describe('Hello.vue', () => {
   it('should render correct contents', () => {
-    const Constructor = Vue.extend(Dashboard)
+    const Constructor = Vue.extend(Hello)
     const vm = new Constructor().$mount()
-    expect(vm.$el.querySelector('.text-info').textContent)
-      .to.equal('Hello World')
+    expect(vm.$el.querySelector('.hello h1').textContent)
+      .to.equal('Welcome to Your Vue.js App')
   })
 })
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Open Source Vue Admin Template",
   "main": "",
   "homepage": "http://coreui.io/vue/",

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@coreui/vue",`
`3`		`- "version": "1.0.4",`
	`3`	`+ "version": "1.0.5",`
`4`	`4`	`"description": "",`
`5`	`5`	`"author": "Łukasz Holeczek",`
`6`	`6`	`"homepage": "http://coreui.io",`
Original file line number	Diff line number	Diff line change
`@@ -338,17 +338,16 @@ app-root {`
`338`	`338`	`}`
`339`	`339`	`}`
`340`	`340`
`341`		`- .sidebar,`
`342`		`- .sidebar-fixed .sidebar {`
	`341`	`+ .sidebar {`
`343`	`342`	`position: fixed;`
`344`	`343`	`z-index: $zindex-sticky - 1;`
`345`	`344`	`width: $mobile-sidebar-width;`
`346`		`- // height: 100%;`
	`345`	`+ height: calc(100vh - #{$navbar-height});`
`347`	`346`	`margin-left: - $mobile-sidebar-width;`
`348`	`347`
`349`	`348`	`.sidebar-nav,`
`350`	`349`	`.nav {`
`351`		`- width: $mobile-sidebar-width !important;`
	`350`	`+ width: $mobile-sidebar-width;`
`352`	`351`	`min-height: calc(100vh - #{$navbar-height});`
`353`	`352`	`}`
`354`	`353`